Tay TE FO 


e” 
万 
| 
p 
y 
ra 
| 
zi 
语 
一 
ke 









YAHOO! peces HaScripy. * 
YA OO! F MESS Jati TATI f li 是 Ihe Gong Parte 


a ARE it fl TA" mar Ha 


J avaScript 
AR 言 精粹 (修订 版 ) 


Dowels Crockyord td 
RFK NFN 评 
ag i I ki a aA 8: 


O'REILLY” aris 





O'REILLY” 


JavaScript 语 言 精粹 emo 





JavaScript: The Good Parts 


Douglas Crockford # 
赵 泽 欣 SES 译 


SFL EMi 
Publishing House of Electronics Industry 
北京 "BEIING 


由 容 简 介 


JavaScript 曾 是 “世界 上 最 被 误解 的 语言 ”>， 因 为 它 担 负 太 多 的 特性 ， 
包括 糟 糙 的 交互 和 失败 的 设计 ， 但 随 着 Ajax 的 到 来 ，JavaScript“ 从 最 受 
误解 的 编程 语言 演变 为 最 流行 的 语言 ”， 这 除了 笠 运 之 外 ， 也 证 明了 它 
其 实 是 一 门 优秀 的 语言 。Douglas Crockford AP RIFF Y JavaScriptiti 
污 的 外 衣 ， 抽 离 出 一 个 具有 更 好 可 靠 性 、 可 读 性 和 可 维护 性 的 JavaScript 
子 集 ， 让 你 看 到 一 门 优雅 的 、 轻 量 级 的 和 非常 宣 有 表现 力 的 语言 。 作 者 
从 语法 、 对 象 、 函 数 、 继 承 、 数 组 、 正 则 表达 式 、 方 法 、 样 式 和 优美 的 
特性 这 9 个 方面 来 呈现 这 门 语言 真正 的 精华 部 分 ， 通 过 它们 完全 可 以 构 
建 出 优雅 高 效 的 代码 。 作 者 还 通过 附录 列 出 了 这 门 语言 的 毒瘤 和 糟粕 部 
分 ， 且 告诉 你 如 何 避 人 免 它们 。 最 后 还 介绍 了 JSLint， 通 过 它 的 检验 ， 能 
有 效 地 保障 我 们 的 代码 品质 。 














这 是 一 本 介绍 JavaScript 语 言 本 质 的 权威 书籍 ， 值 得 任何 正在 或 准备 
从 事 JavaScript 开 发 的 人 阅读 ， 并 且 需 要 反复 阅读 。 学 习 、 理 解 、 实 践 大 
师 的 思想 ， 我 们 才 可 能 站 在 巨人 的 肩 上 ， 才 有 机 会 超越 大 师 ， 这 本 书 就 
是 开始 。 
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O'Reilly Media 通 过 图 书 、 杂 志 、 在 线 服务 、 调 查 研究 和 会 议 等 方式 
传播 创新 知识 。 自 1978 年 开始 ，O'Reilly 一 直 都 是 前 沿 发 展 的 见证 者 和 
推动 者 。 超 级 极 客 们 正在 开创 着 未 来 ， 而 我 们 关注 真正 重要 的 技术 趋势 
一 一 通过 放大 那些 “细微 的 信号 ?来 刺激 社会 对 新 科技 的 应 用 。 作 为 技术 
社区 中 活跃 的 参与 者 ，OReilly 的 发 展 充满 了 对 创新 的 倡导 、 创 造 和 发 
扬 光 大 。 








O'Reilly 为 软件 开 太 人 员 带 来 草 命 性 的 “动物 书 ” 创建 第 一 个 商业 
网 站 (GNN) ; 组 织 了 影响 深远 的 开放 源 代码 峰会 ， 以 至 于 开源 软件 运 
动 以 此 命名 ;创立 了 Make 杂 志 ， 从 而 成 为 DIY 革 命 的 主要 先锋 ;公司 一 
如 既往 地 通过 多 种 形式 缔结 信息 与 人 的 纽带。O'Reilly 的 会 议和 峰会 集 
聚 了 众多 超级 极 客 和 高 瞻 远 瞩 的 商业 领袖 ， 共 同 描绘 出 开创 新 产业 的 革 
命 性 思想 。 作 为 技术 人 士 获取 信息 的 选择 ，OReilly 现 在 还 将 先锋 专家 
的 知识 传递 给 普通 的 计算 机 用 户 。 无 论 是 通过 书籍 出 版 ， 在 线 服务 或 者 

















面授 课程 ， 每 一 项 OReilly 的 产品 都 反映 了 公司 不 可 动摇 的 理念 信 
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“0'Reilly 和 凭借 一 系列 〈 真 硕 望 当初 我 也 想到 了 ) 非凡 想 


法 建立 了 数 百 万 美元 的 业务 。” 


Business 2.0 





“O'Reilly Conference 是 聚集 关键 思想 领袖 的 绝对 典 
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“一 本 0'Reilly 的 书 就 代表 一 个 有 用 、 有 前 途 、 需 要 学 习 
的 主题 。 ” 


Irish Times 





“Tim 是 位 特 立 独行 的 商人 ， 他 不 光 放 眼 于 最 长 远 、 最 广 
阔 的 视野 并 且 切 实地 按照 Yogi Berra 的 建议 去 做 了 : “如 果 你 
在 路 上 遇 到 岔路 口 ， 走 小 路 〈 贫 路 ) 。” 回 顾 过 去 Tim 似 乎 每 
一 次 都 选择 了 小 路 ， 而 有 全 有 几 次 都 是 一 内 即 逝 的 机 会 ， 尽 管 大 
路 也 不 错 。” 


Linux Journal 
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直到 重 看 第 1 版 的 译 者 序 ， 我 才 意识 到 ， 不 知 不 觉 时 间 竟 然 已 经 过 
去 快 4 年 了 。 


这 段 不 长 也 不 短 的 时 间 里 ， 发 生 了 很 多 事 ， 请 容 我 语无伦次 地 列举 
出 来 。 








在 这 4 年 里 ，JavaScript 的 发 展 丝 坚 没 有 减速 的 迹象 ， 随 着 新 一 轮 的 
浏览 器 竞赛 ，HTML5 逐 渐 得 到 普及 ，JavaScript 在 Web 开 发 领域 中 的 地 
位 日 益 提 高 。NodeJS 的 出 现 ， 更 是 让 JavaScript 蔓 延 到 服务 器 端 编程 领 
域 。 还 值得 一 提 的 是 2 年 多 以 前 CoffeeScript 的 诞生 ， 它 吸收 了 JavaScript 
语言 的 精华 ， 去 除了 很 多 本 书 中 提 到 的 毒瘤 和 糟粕 ， 还 添加 了 很 多 现代 
脚本 语言 的 特性 ， 仿 佛 束 是 老道 〈 我 们 私下 里 这 样 尊称 本 书 的 作者 
Douglas Crockford) 所 想 要 的 JavaScript 精 华 子 集 。 老 道 本 人 也 确实 对 它 
ESSA IM 














己 经 10 年 未 有 重大 版 本 发 布 的 ECMA， 终 于 在 2009 年 年 底 发 布 
ECMA-262 的 第 5 个 版 本 (ES5) ， 这 个 版 本 在 最 后 时 刻 取代 了 过 于 激进 
的 ED4 (JavaScript 2.0) ， 据 说 老道 的 倡议 起 了 重大 的 作用 。 谢 天 谢 
地 ， 我 真 不 愿意 像 写 Java 一 样 写 JavaScript。 本 书 中 的 一 些 精 华 也 被 ES5 
采纳 ， 比 如 JSON 成 为 ES5 的 标准 组 件 ， 再 比如 ES5 文 持 “ 严 格 ” 模 式 ， 在 
此 模式 下 ， 使 用 未 声明 的 全 局 变量 或 者 with 语句 ， 都 会 抛 出 错误 。 下 一 
代 的 ES 版 本 《ES6) 正在 制定 中 ， 它 的 名 字 是 我 们 无 比 熟悉 
(“Harmony (Alia) ”， 期 符 更 多 本 书 中 的 优秀 思想 会 出 现在 ES6 中 。 














2009 年 ， 在 北京 举行 的 Qcon 大 会 上 ， 我 和 学 鸥 有 垩 过 到 了 老道 ， 并 





和 他 合影 留 售 。 他 比 我 想象 中 高 大 ， 留 着 拉 风 的 络 肋 胡 子 后 来 我 看 到 
了 他 未 留 胡 子 的 照片 ， 觉 得 老道 还 是 留 胡 子 的 好 ) 。 人 很 安静 ， 看 上 去 
有 那么 一 点 技术 人 员 的 木讷 。 但 站 在 演讲 台 上 却 是 侃侃 而 谈 ， 搓 地 有 
声 。 





于 我 而 言 ， 这 4 年 我 的 人 生 同 样 友 生 了 重大 的 变化 。 我 结 了 婚 ， 装 
修了 房子 ， 在 去 年 年 底 ， 我 的 孩子 也 降生 了 。 


就 此 打住 吧 ， 我 快要 走 题 了 。 





这 次 修订 的 版 本 ， 对 照 中 英文 的 勘误 ， 修 正 了 80 余 个 错误 。 一 些 己 
经 过 时 的 经 验 和 数据 ， 我 们 也 尽 所 能 通过 译 者 注 进 行 了 标注 。 作 为 一 名 
译 者 ， 忠 实地 翻译 本 书 的 内 容 本 是 职责 。 在 翻译 的 过 程 中 ， 我 们 曾 遇 到 
一 些 与 自己 的 开发 经 验 有 冲突 的 部 分 。 我 也 在 不 同 场合 多 次 听闻 国内 外 
的 业界 同行 ， 对 本 书 的 部 分 内 容 提出 了 不 同 的 看 法 ， 有 人 认为 本 书 一 些 
观点 不 是 JavaScript 的 最 佳 实践 ， 有 人 甚至 言 群 激烈 地 说 有 些 观点 根本 就 
古老 道 的 个 人 主观 看 法 ， 而 非 科 学 的 求证 。 














在 我 眼 里 ， 我 觉得 我 的 孩子 是 世界 上 最 漂亮 的 宝宝 ， 天 下 的 父母 怕 
是 都 无 法 完全 客观 地 看 竺 自己 的 孩子 。 我 相信 老道 视 他 提炼 的 JavaScript 
子 集 ， 束 如 同 我 看 自己 的 孩子 。 其 实 ， 老 道 在 本 书 的 最 开头 ， 就 已 经 表 
H: 本 书 内 容 是 他 根据 自己 的 经 验 提 炼 的 精华 子 集 。 也 许 ， 每 个 开 有 友人 
员 对 何谓 精华 、 何 谓 糟 粕 有 自己 的 看 法 。 但 我 想 ，JavaScript 还 会 不 停 地 
发 展 下 去 ， 本 书 中 的 内 容 也 许 还 需要 多 次 修订 ， EWER E, FHI 
煌 ”的 思想 是 不 会 过 时 的 。 











我 的 孩子 ， 就 遗传 了 我 和 太太 的 精华 ， 如 果 一 定 要 说 有 一 点 是 糟 灶 





HI, AS aie CA RRR AOC A, BEA AS it BURR RAS 
肯 睡 去 。 所 以 ， 我 只 有 在 孩子 晚上 熟睡 后 ， 才 有 得 闲暇 写 下 断 续 的 文 
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原谅 一 个 迷恋 孩子 的 父 杀 。 


2012 年 8 月 5 日 码 字 于 杭州 


译 者 序 


Douglas Crockford 是 一 位 大 师 。 


翻译 大 师 的 作品 ， 一 边 是 感到 万 分 的 宋 季 ， 一 边 也 是 现 疯 小 心 。 
为 吉尔 伯 特 : 海 特 〈( 美 国教 育 家 )〉 曾经 说 过 : 写 了 一 本 很 糟糕 的 书 只 是 
犯错 而 已 ， 而 把 一 本 好 书 翻译 得 很 糟糕 则 是 犯罪 。 但 这 样 的 大 师 经 典 之 
作 ， 即 便 是 冒 痢 犯罪 的 风险 ， 也 值得 翻译 出 来 并 推荐 给 大 家 。 一 直到 现 
在 ， 依 然 有 很 多 资深 的 开发 人 员 对 JavaScript 存 有 偏见 。 秦 歌 和 我 ， 分 别 
负责 雅虎 口碑 网 和 淘宝 网 的 前 端 开 发 组 ， 对 此 的 感受 更 为 深刻 。 但 即便 
如 此 ， 也 不 得 不 承认 ，JavaScript 正 日 益 成 为 互联 网 中 最 普及 和 最 重要 的 
下 








Crockford 曾 写 过 很 著名 的 一 篇 文章 一 一 《JavaScript: 世界 上 最 被 
误解 的 语言 》。 建 议 看 到 这 里 的 所 有 读者 都 找 来 这 篇 文章 
(http://javascript.crockford.com/javascript.html) 并 仔细 阅读 。 早 期 的 商 
业 原 因 和 规范 欠缺 给 JavaScript 这 门 语言 过 上 了 阴影 ;Copy+Paste 式 小 
也 让 JavaScript 显 得 廉价 不 起 ;更 粳 糕 的 是 ， 还 有 大 量 不 负责 任 的 书籍 把 
冯 脚 的 用 例 奉 为 正统 ， 印 成 了 铅字 ， 让 新 手 们 从 一 开始 就 走 上 了 下 途 。 
ANTS APA, JavaScript AAAS ETE ANZ BCI, (EEA TET o 
Crockford 为 此 和 凭借 他 广博 的 学 识 和 丰富 的 经 验 提 炼 出 了 JavaSscript 的 精 
华 子 集 。 开 发 人 员 只 要 在 这 个 子 集 的 范畴 中 编程 ， 就 既 能 使 用 JavaScript 
强大 的 表现 力 和 卓越 的 动态 性 ， 又 能 免 去 许多 无 疹 的 调试 烦恼 和 安全 隐 
UE 











这 本 书 很 薄 ， 但 承载 的 内 容 却 非常 丰厚 和 深入 。 翻 译 的 过 程 中 我 也 
常 感 汗 凑 ， 原 来 自 良 对 JavaScript 鼎 为 了 解 的 我 深刻 感受 到 目 己 知识 面 的 








Bae MASE, TEMERI ERAH Cie eae, Wo 
丰 。Crockford 在 前 言 中 告诫 大 家 ， 这 本 书 是 需要 反复 阅读 的 。 我 们 同样 
推荐 所 有 的 读者 这 样 做 。 











我 想 每 一 个 热爱 技术 的 开发 人 员 都 希望 目 己 有 一 天 成 为 茶 个 领域 的 
大 师 。 我 通过 翻译 大 师 的 著作 也 得 到 了 一 个 启示,“ 取 其 精华 ， 去 其 糖 
粕 ”本 束 是 前 人 告诉 我 们 的 学 习 态 度 与 方法 ， 对 日 新 月 寞 的 开 领 域 来 说 
更 该 如 此 。 妆 我 们 面 对 这 些 层出不穷 的 新 技术 、 新 理念 时 ， 不 要 匆忙 地 
照 单 全 收 或 全 盘 否 定 。 找 到 最 适合 工作 或 自己 最 感 兴趣 的 技术 ， 并 用 科 
学 的 方法 潜 下 心 来 坚持 学 习 和 研究 ， 我 们 同样 也 可 以 成 为 大 师 ! 





“大 师 牛人 ， 宁 有 种 平 ?” 


最 后 ， 我 要 感谢 博文 视点 的 编辑 赵 士 威 在 本 书 翻译 过 程 中 给 予 我 们 
的 莫大 帮助 。 还 有 周 移 老师 ， 她 殉 衣 的 笑 声 让 人 备 感 杀 切 。 我 还 要 感谢 
我 的 同事 ， 来 自 美 国 NCSU 的 晓 和 荷 ， 是 博 采 中 外 的 她 给 我 建议 ， 把 
JavaScript 的 “好 、 中 、 坏 ”特性 翻译 为 更 贴切 的 “精华 、 鸡 肪 、 糟 粕 ”。 妆 
然 ， 家 中 的 领导 《负责 接管 稿费 ) 是 一 定 要 特别 感谢 的 。 相 信 我 ， 如 果 
你 身后 没有 一 位 善 解 人 意 的 女人 ， 还 是 不 要 去 做 翻译 的 好 。 





译 者 : 赵 泽 欣 《 小 马 ) , KMF CAR) 


2008 年 11 月 于 杭州 城西 
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是 有 所 得 罪 请 原谅 。 本 是 出 自 一 香 好 意 ， 
是 想 显 点 粗浅 技艺 ， 那 才 是 我 们 的 初 圳 。 
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这 是 一 本 关于 JavaScript 编 程 语言 的 书 。 它 的 读者 是 那些 因为 偶然 事 
件 或 好 奇 心 驱 使 而 首次 冒险 进入 JavaScript 世 界 的 程序 员 。 它 也 是 为 那些 
有 着 JavaScript 入 门 经 验 但 准备 更 深入 了 解 这 门 语言 的 程序 员 准 备 的 。 
JavaScript 是 一 门 强 大 得 令 人 惊讶 的 语言 。 它 有 时 会 不 按 常 理 出 牌 ， 但 是 
作为 一 门 轻 量 级 的 语言 ， 它 是 易于 掌握 的 。 








本 书 的 目标 是 帮助 你 学 习 JavaScript 的 编程 思想 。 我 将 展示 这 门 语言 
的 组 成 部 分 ， 并 且 让 你 逐步 上 手 ， 学 会 如 何 组 合 各 个 部 分 。 这 不 是 一 本 
参考 书 ， 它 不 会 对 这 门 语言 和 它 的 怪 状 进行 全 面 而 详尽 的 介绍 。 它 不 包 
含 你 希望 知道 的 一 切 ， 那 些 东 西 你 很 容易 在 网 上 找到 。 反 之 ， 这 本 书 仅 
包含 那些 真正 重要 的 东西 。 














这 本 书 不 是 写 给 初学 者 的 。 我 希望 某 天 写 一 本 叫 《JavaScript: 第 一 
阶段 》 (JavaScript: The First Parts) 的 书 ， 但 是 此 书 非 彼 书 。 这 也 不 是 
一 本 关于 Ajax 或 Web 编 程 的 书 。 本 书 关 注 的 融 是 JavaScript， 它 只 是 Web 
开发 者 必须 掌握 的 语言 之 一 。 


这 不 是 一 本 傻瓜 书 。 这 本 书 虽 然 薄 ， 但 知识 点 密集 ， 它 包括 了 大 量 
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有 所 回报 。 


本 书 的 约定 


Conventions Used in This Book 


本 书 使 用 下 列 排版 约定 。 
和 斜体 (Italic) 





表示 专业 词汇 、 链 接 CURL) 、 文 件 名 和 文件 扩展 名 。 


ae eV (Constant width) 





表示 广义 上 的 计算 机 编码 。 它 们 包括 命令 、 配 置 、 变 量 、 属 
性 、 键 、 请 求 、 函 数 、 方 法 、 类 型 、 类 、 模 块 、 属 性 、 参 数 、 值 、 
对 象 、 事 件 、 事 件 处 理 程序 、XML 与 XHTML 标签 、 宏 和 关键 字 。 


等 宽 粗 体 (Constant width bold) 


表示 应 该 由 用 户 按 照 字 面 输入 的 命令 或 其 他 文本 。 


代码 用 例 
Using Code Examples 





这 本 书 是 为 了 帮助 你 做 好 工作 。 一 般 来 说 ， 你 可 以 在 程序 和 文档 中 
使 用 本 书 中 的 代码 。 你 无 须 联系 我 们 获取 许可 。 例 如 ， 使 用 来 自 本 书 的 
几 段 代码 写 一 个 程序 是 不 需要 许可 的 。 出 售 和 散布 OReilly 书 中 用 例 的 
光盘 (CD-ROM) 是 需要 许可 的 。 通 过 引用 本 书 和 用 例 代 码 来 回答 问题 
是 不 需要 许可 的 。 把 本 书 中 大 量 的 用 例 代 码 并 入 到 你 的 产品 文档 中 是 需 
要 许可 的 。 














我 们 赞赏 但 不 强求 注 明 信息 来 源 。 一 条 信息 来 源 通常 包括 标题 、 作 
者 、 出 版 者 和 国际 标准 书写 CSBN) 。 例 如 : “JavaScript: The Good 
Parts by Douglas Crockford. Copyright 2008 Yahoo! Inc., 978-0-596-51774- 
8.”。 


如 果 你 感到 对 示例 代码 的 使 用 超出 了 正当 引用 或 这 里 给 出 的 许可 范 
， 请 随时 通过 permissions@oreilly.com 联 系 我 们 。 


Safari* 在 线 图 书 


Safari ”如果 你 在 你 最 喜爱 的 技术 图 书 的 封面 上 看 到 Safari® 联 机 从 书 
图 标 ， 那 意味 着 此 书 也 可 以 通过 O'Reilly Network Safari 
Bookshelf 在 线 获 取 。 








Safari 提 供 了 比 电子 书 更 好 的 解决 方案 。 它 是 一 个 虚拟 图 书馆 ， 让 
您 可 以 轻松 搜寻 成 千 上 万 的 顶尖 技术 书籍 、 甬 切 和 粘贴 代码 样本 、 下 载 
某 些 章节 、 在 你 需要 最 准确 和 即时 的 信息 时 快速 找到 答案 。 免 费 试用 请 
W |4 http://safari.oreilly.com. 








如 何 联系 我 们 


How to Contact Us 


ci 





如 果 你 想 就 本 书 发 表 评 论 或 有 任何 疑问 ， 冤 请 联系 出 版 社 。 
美国 : 

O'Reilly Media, Inc. 

1005 Gravenstein Highway North 

Sebastopol , CA 95472 


中 国 ; 





北京 市 西城 区 西直门 南大 街 2 号 成 铬 大 厦 C 座 807 室 〈100035 ) 
奥 莱 利 技术 咨询 〈 北 京 ) 有限 公司 
我 们 将 为 本 书 提供 主页 ， 在 其 中 提供 勘误 表 、 示 例 及 其 他 附加 信 


。 读 者 可 从 如 下 网 址 访问 : 


http://www.oreilly.com/catalog/9780596517748 
如 果 你 想 就 本 书 发 表 评 论 或 提问 技术 问题 ， 请 发 送 E-mail 至 : 
bookquestions@oreilly.com 


关于 我 们 的 书籍 、 会 议 、 资 源 中心 和 O'Reilly 网 络 的 更 多 信息 请 登 


录 我 们 的 网 址 : 
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第 1 章 


Good Parts 


siisi 我 不 过 略 有 一 些 讨 人 喜欢 的 地 方 而 已 ， 怎 么 会 有 什么 
迷人 的 魔力 ? 


一 一 威廉 。 莎 士 比 亚 ，《 温 莎 的 风流 娘 儿 们 》 (The Merry Wives 
of Windsor) 





当 我 还 是 一 个 初出 芒 庐 的 程序 员 时 ， 我 想 掌握 自己 所 用 语言 的 每 个 
特性 。 我 写 程序 时 会 尝试 使 用 所 有 的 特性 。 我 认为 这 是 炫 炊 的 好 方法 ， 
而 我 也 的 确 出 了 不 少 风 头 ， 因 为 我 对 各 个 特性 了 如 指 掌 ， 谁 有 问题 我 都 


能 解答 。 





最 终 ， 我 认定 这 些 特性 中 有 一 部 分 特性 带 来 的 拱 烦 远 远 超出 它们 的 
价值 。 其 中 ， 一 些 特性 因为 规范 很 不 完善 而 可 能 导致 可 移植 性 问题 ， 一 
些 特性 会 导致 代码 难以 阅读 或 修改 ， 一 些 特性 诱 使 我 退 求 奇 技 淫 巧 但 却 
易于 出 错 ， 还 有 一 些 特性 就 是 设计 错误 。 有 时 候 语言 的 设计 者 也 会 犯 
错 。 











大 多 数 编程 语言 都 有 精华 和 糟粕 。 我 发 现 如 果 取 其 精华 而 弃 其 糟粕 
的 话 ， 我 可 以 成 为 一 个 更 好 的 程序 员 。 毕 竞 ， 用 坏 材料 怎么 能 做 出 好 东 
Pave ? 








标准 委员 会 想 要 移 除 一 门 语 言 中 的 缺陷 部 分 ， 这 几乎 是 不 可 能 的 ， 
因为 这 样 做 会 损害 所 有 依赖 于 那些 糟 粗 的 蚂 脚 的 程序 。 除 了 在 已 存在 的 


一 大 堆 缺 陷 上 堆积 更 多 的 特性 ， 他 们 通常 无 能 为 力 。 而 且 新 旧 特 性 并 不 
忆 是 能 和 谐 共 处 ， 从 而 可 能 产生 出 更 多 的 糟粕 。 


但 是 ， 你 有 权力 定义 你 自己 的 子 集 。 你 完全 可 以 基于 精华 的 那 部 分 
去 编写 更 好 的 程序 。 


JavaScript 中 糟粕 的 比重 超出 了 预料 。 它 一 诞生 ， 就 在 短 到 令 人 吃 恢 
的 时 间 里 被 全 世界 所 接受 。 它 从 来 没有 在 实验 室 里 被 试用 和 打磨 。 当 它 
还 非常 粗糙 时 ， 它 就 被 直接 集成 到 网 景 的 Navigator ”2 浏览 器 中 。 随 着 
JavaIM 的 小 应 用 程序 (Java™applets) 的 失败 ，JavaScript 变 成 了 默认 
的 “web 语 言 ”。 作 为 一 门 编程 语言 ，JavaScript 的 流行 几乎 完全 不 受 它 的 
质量 的 影响 。 





好 在 JavaScript 有 一 些 非常 精华 的 部 分 。 在 JavaScript 中 ， 美 丽 的 、 
优雅 的 、 语 有 表现 力 的 语言 特性 就 像 一 堆 珍 珠 和 鱼 目 混 杂 在 一 起 。 
JavaScript 最 本 质 的 部 分 被 深 深 地 隐藏 着 ， 以 至 于 多 年 来 对 它 的 主流 观点 
是 : JavaScript 束 是 一 个 丑陋 的 、 没 用 的 玩具 。 本 书 的 目的 就 是 要 揭示 
JavaScript 中 的 精华 ， 让 大 家 知道 它 是 一 门 杰 出 的 动态 编程 语言 。 
JavaScript 就 像 一 块 大 理 石 ， 我 要 和 剥落 那些 不 好 的 特性 直到 这 门 语言 的 真 
实 本 质 自 我 显露 出 来 。 我 相信 我 精 雕 细 琢 出 来 的 优雅 子 集 大 大 地 优 于 这 
门 语言 的 整体 ， 它 更 可 靠 、 更 易 读 、 更 易于 维护 。 








这 本 书 不 打算 全 面 描述 这 门 语言 。 反 之， 它 将 专注 在 精华 部 分 ， 同 
时 会 偶尔 警告 要 去 避免 糟粕 部 分 。 这 里 将 被 拉 述 的 子 集 可 以 用 来 构造 可 
靠 的 、 易 读 的 程序 ， 无 论 规模 大 小 。 通 过 仪 专注 于 精华 部 分 ， 我 们 就 可 
以 缩短 学 习 时 间 ， 增 强健 壮 性 ， 并 且 还 能 拯救 一 些 树木 由。 





或 许 ， 只 学 习 精 华 的 最 大 好 处 就 是 你 可 以 不 必 头 痛 如 何 忘记 灶 粕 。 


Fadl NF SUE SE a EN. RAE SEE VE, BOTT PEK 
多 数 人 都 会 很 不 愿意 面 对 。 有 时 候 ， 制 定语 言 的 子 集 是 为 了 让 学 生 更 好 
地 学 习 。 但 在 这 里 ， 我 制定 的 JavaScript 子 集 是 为 了 让 专业 人 员 更 好 地 工 
(Es 








为 什么 要 使 用 JavaScript 
Why JavaScript? 


JavaScript 是 一 门 重 要 的 语言 ， 因 为 它 是 Web 浏 览 器 的 语言 。 它 与 浏 
览 器 的 结合 使 它 成 为 世界 上 最 流行 的 编程 语言 之 一 。 同 时 ， 它 也 是 世界 
上 最 被 轻视 的 编程 语言 之 一 。 浏 览 器 的 API 和 文档 对 象 模型 (DOM) 相 
当 糟 粹 ， 连 累 JavaScript 遭 到 不 公平 的 指责 。 在 任何 语言 中 处 理 DOM 都 
是 一 件 痛 匣 的 事情 ， 它 的 规范 制定 得 很 拙 务 并 且 实 现 互 不 一 臻 。 本 书 很 
少 涉及 DOM， 我 认为 写 一 本 关于 DOM 的 精华 的 书 就 像 执 行 一 项 不 可 能 
完成 的 任务 。 











JavaScript 是 最 被 轻视 的 语言 ， 因 为 它 不 是 所 谓 的 主流 语言 ( SOME 
OTHER LANGUAGE) 外 。 如 果 你 擅长 某 些 主流 语言 ， 但 却 在 一 个 只 文 
持 JavaScript 的 环境 中 编程 ， 那 么 被 迫 使 用 JavaScript 的 确 是 相当 令 人 大 
烦 的 。 在 这 种 情形 下 ， 大 多 数 人 觉得 没 必要 先 去 学 好 JavaScript， 但 结 
他 们 会 惊讶 地 发 现 ，JavaScript 跟 他 们 宁愿 使 用 的 主流 语言 有 很 大 不 同 ， 
而 且 这 些 不 同 至 为 关键 。 

















JavaScript 令 人 惊异 的 事情 是 ， 在 对 这 门 语言 没有 太 多 了 解 ， 甚 至 对 
编程 都 没有 太 多 了 解 的 情况 下 ， 你 也 能 用 它 来 完成 工作 。 它 是 一 门 拥有 
极 强 表达 能 力 的 语言 。 当 你 知道 要 做 什么 时 ， 它 还 能 表现 得 更 好 。 编 程 
是 很 困难 的 事情 。 绝 不 应 该 在 懂 懂 懂 懂 的 状态 下 开始 你 的 工作 。 





4y Tt JavaScript 
Analyzing JavaScript 


JavaScript t LE E EA DL FS AY A A> BSE Bs A RY EU ZOE 


那些 优秀 的 想法 包括 函数 、 弱 类 型 、 动 态 对 象 和 富有 表现 力 的 对 象 
字面 量 表示 法 。 那 些 糟糕 的 想法 包括 基于 全 局 变量 的 编程 模型 。 





JavaScript 的 函数 是 〈 主 要 ) 基于 词法 作用 域 (exical scoping) 鸟 的 
顶级 对 象 。JavaScript 是 第 一 个 成 为 主流 的 Lambda 电 语言 。 实 际 上 ， 相 
对 于 Java 而 言 ，JavaScript 与 Lisp 包 和 Scheme 包 有 更 多 的 共同 点 。 它 是 披 
着 C 外 衣 的 Lisp。 这 使 得 JavaScript 成 为 一 个 非常 强大 的 语言 。 


现今 大 部 分 编程 语言 中 都 流行 要 求 强 类 型 。 其 原理 在 于 强 类 型 允许 
编译 器 在 编译 时 检测 错误 。 我 们 能 越 早 检测 和 修复 错误 ， 付 出 的 代价 就 
越 小 。JavaScript 是 一 门 弱 类 型 的 语言 ， 所 以 JavaScript 编 译 右 不 能 检测 
出 类 型 错误 。 这 可 能 让 从 强 类 型 语言 转 同 JavaScript 的 开发 人 员 感 到 区 
慌 。 但 事实 证 明 ， 强 类 型 并 不 会 让 你 的 测试 工作 变 得 轻松 。 而 且 我 在 工 
作 中 发 现 ， 强 类 型 检查 找到 的 错误 并 不 是 令 我 头痛 的 错误 。 男 一 方面 ， 
我 发 现 弱 类 型 是 自由 的 。 我 无 须 建立 复杂 的 类 层次 ， 我 永远 不 用 做 强制 
造型 ， 也 不 用 疲 于 应 付 类 型 系统 以 得 到 想 要 的 行为 。 











JavaScript 有 非常 强大 的 对 象 字 面 量 表示 法 。 通 过 列 出 对 象 的 组 成 部 
分 ， 它 们 惑 能 简 蛙 地 被 创建 出 来 。 这 种 表示 法 是 JSON 的 灵感 来 源 ， 它 
现在 已 经 成 为 流行 的 数据 交换 格式 中 。〔 附 录 FE 中 将 会 有 更 多 关于 JSON 
的 内 容 。) 





原型 继承 是 JavaScript 中 一 个 有 争议 的 特性 。JavaScript 有 一 个 无 类 
型 的 《class-free) 对 象 系统 ， 在 这 个 系统 中 ， 对 象 直 接 从 其 他 对 象 继承 
属性 。 这 真 的 很 强大 ， 但 是 对 那些 被 训练 使 用 类 去 创建 对 象 的 程序 员 们 
来 说 ， 原 型 继承 是 一 个 陌生 的 概念 。 如 果 你 答 试 对 JavaScript 直 接应 用 基 
于 类 的 设计 模式 ， 你 将 会 遭受 挫折 。 但 是 ， 如 果 你 学 会 了 自如 地 使 用 
JavaScript 原 型 ， 你 的 努力 将 会 有 所 回报 。 


JavaScript 在 关键 思想 的 选择 上 饱 受 非议 。 虽 然 在 大 多 数 情况 下 ， 这 
些 选择 是 合适 的 。 但 是 有 一 个 选择 相当 糟糕 : JavaScript 依 赖 于 全 局 变量 
来 进行 连接 。 所 有 编译 单元 的 所 有 顶级 变量 被 振 合 到 一 个 被 称 为 全 局 对 
象 (the global object) 的 公共 命名 空间 中 。 这 是 一 件 糟 糕 的 事情 ， 因 为 
全 局 变量 是 魔鬼 ， 但 它们 在 JavaScript 中 却 是 基础 。 幸 好 ， 我 们 接 下 来 会 
看 到 ，JavaScript 也 给 我 们 提供 了 绥 解 这 个 问题 的 处 理 方法 。 











在 某 些 情况 下 ， 我 们 可 能 无 法 忽略 糟 粗 ， 还 有 一 些 毒 瘤 难 以 避免 ， 
当 涉 及 这 些 部 分 时 ， 我 会 将 它们 指出 来 。 它 们 也 被 总 结 在 附录 A 中 。 但 
是 我 们 将 成 功 地 避免 本 书 中 提 到 的 大 多 数 糟粕 ， 它 们 中 的 大 部 分 被 总 结 
在 附录 B 中 。 如 果 你 想 学 习 那 些 糟 粗 ， 以 及 如 何 拙劣 地 使 用 它们 ， 请 参 
阅 任何 其 他 的 JavaScript 书 籍 。 





《ECMAScript 编 程 语言 》 第 3 版 定义 了 JavaScript( 义 称 JScript) 的 
标准 ， 它 可 以 从 http:/www.ecma-international.org/publications/files/ecma- 
sVECMA-262.pdf 区 得。 本 书 所 描述 的 是 ECMAScript 的 一 个 特定 的 子 
集 。 本 书 并 不 描述 整个 语言 ， 因 为 它 排除 了 粳 粗 的 部 分 。 这 里 排除 得 也 
许 并 不 彻底 ， 回 避 了 一 些 极 端 情况 。 你 也 应 该 这 样 ， 走 极端 只 会 带 来 风 
险 和 苦恼 。 附 录 C 描 述 了 一 个 叫 JSLint 的 编程 工具 ， 它 是 一 个 JavaScript 
解析 器 ， 它 能 分 析 JavaScript 问 题 并 报告 它 包 含 的 缺点 。JSLint 提 出 了 比 
一 般 的 JavaScript 开 发 更 严格 的 要 求 。 它 能 让 你 确信 你 的 程序 只 包含 精华 








Ok 


部 分 。 

JavaScript 是 一 门 反差 鲜明 的 语言 。 它 包含 很 多 错误 ， 而 且 多 刺 ， 所 
以 你 可 能 会 疑惑 : “为 什么 我 要 使 用 JavaScript? ”有 两 个 答案 。 第 一 个 是 
你 没有 选择 。Web 已 变 成 一 个 重要 的 应 用 开发 平台 ， 而 JavaScript 是 唯一 
一 门 所 有 浏览 右 都 可 以 识别 的 语言 。 很 不 季 ，Java 在 浏览 右 环 境 中 失败 

， 和 否则 想 用 强 类 型 语言 的 人 就 有 其 他 选择 。 但 是 Java 确 实 失败 了 ， 而 
JavaScript 仍 在 过 勃 发 展 ， 这 恰恰 说 明 JavaScript 确 有 其 过 人 之 处 。 








另 一 个 答案 是 ， 尽 管 JavaScript 有 缺陷 ， 但 是 它 真 的 很 优秀 。 它 既 轻 


量 级 又 富有 表现 力 。 并 且 一 旦 你 熟练 掌握 了 和 它 ， 就 会 发 现 函 数 式 编程 是 
一 件 很 有 趣 的 事 。 














但 是 为 了 更 好 地 使 用 这 门 语 言 ， 你 必须 知道 它 的 局 限 。 我 将 会 无 情 
地 揭示 它们 ， 不 要 因此 而 气 包 。 这 门 语言 的 精华 足以 弥补 它 的 糟 粗 。 


a AA N VN 人 
个 简单 的 试验 场 
A Simple Testing Ground 
如 果 你 有 一 个 Web 浏 览 器 和 任意 一 个 文本 编辑 器 ， 那 么 你 就 有 了 运 


行 JavaScript 程 序 所 需要 的 一 切 。 首 先 ， 请 创建 一 个 HIML 文 件 ， 起 个 名 
字 ， 比 如 program.html: 





<html><body><pre><script src="program.js"> 


</script></pre></body></html> 


接 下 来 ， 在 同一 个 文件 来 内 ， 创 建 一 个 脚本 文件 ， 比 如 起 名 为 


program.js: 


document.writeln('Hello, world!'); 








下 一 步 ， 用 你 的 浏览 器 打开 你 的 HTML 文 件 查 看 结果 。 本 书 贯 彻 始 
终 都 会 用 到 一 个 method 方 法 去 定义 新 方法 。 下 面 是 它 的 定义 : 


Function.prototype.method = function (name, func) { 
this.prototype[name] = func; 


return this; 



































(1) 作者 这 里 幽默 地 上 暗示 这 本 书 只 关注 精华 部 分 ， 所 以 书 变 注 了 ， 用 的 纸张 少 了 ， 就 可 以 少 








砍伐 一 些 树木 。 





(2) 专 指 一 些 主流 语言 ， 像 C、C++、Java、Perl、Python 等 。 


























(3) JavaScript 中 的 函数 是 根据 词法 来 划分 作用 域 的 ， 而 不 是 动态 划分 作用 域 的 。 具 体内 容 参 


见 《JavaScript 权 威 指南 》 中 译 第 5 版 相关 章节 
(4) Lambda 演 算是 一 套用 于 研究 函数 定义 、 




















http://zh.wikipedia.org/wikiA 演 算 。 


一 一 “8.8.1 词 法 作用 域 ”。 


函数 应 用 和 递归 的 形式 系统 。 它 对 函数 式 编程 








有 巨大 的 影响 ， 比 如 Lisp 语 言 、ML 语 言 和 Haskell 语 言 。 更 多 详细 内 容 请 参见 


























(5) Lisp 〈 全 名 LISt Processor， 即 链表 处 理 语 

















A) ， 是 由 约 阶 :麦卡锡 在 1960 年 左右 创造 的 一 


种 基于 和 演算 的 函数 式 编程 语言 。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wikiLisp。 





















































(6) ” Scheme， 一 种 多 范 型 的 编程 语言 ， 它 是 两 种 Lisp 主 要 的 方言 之 一 。 更 多 详细 内 容 请 见 


http://zh.wikipedia.org/wiki/Scheme . 


(7) “本 书 作 者 也 是 JSON (JavaScript Object Notation) 的 创立 者 。 官 方 网 站 中 文 版 网 址 





是 http:/json.org/json-zh.html。 








第 2 章 
lave 
Grammar 
我 很 熟悉 它 ， 早 就 在 文法 书 上 念 过 了 。 
一 一 威廉 。 莎 士 比 亚 ，《 泰 特 斯 。 安 德 洛 尼克 斯 》 (The Tragedy 


of Titus Andronicus) 


本 章 介 绍 JavaScript 的 精华 部 分 的 语法 ， 并 简要 地 概述 其 语言 结构 。 
我 们 将 用 铁路 图 (railroad diagram) 由来 表示 该 语法 。 


三 


解 这 些 图 的 规则 很 简单 。 


。 从 左边 界 开 始 ， 沿 着 轨道 到 右边 界 。 

。 沿途 ， 你 在 圆 框 中 遇 到 的 是 字面 量 ， 在 方块 中 遇 到 的 是 规则 或 描 
述 。 

。 任何 沿 着 轨道 能 走 通 的 序列 都 是 合法 的 。 

。 任何 不 能 沿 着 轨道 走 通 的 序列 都 是 非法 的 。 

。 末端 只 有 一 个 竖 条 的 铁路 图 ， 表 示 允 许 在 任意 一 对 符号 中 间 插 入 空 
日 。 而 在 末端 有 两 








个 竖 条 的 铁路 图 则 不 允许 。 


在 本 章 中 所 展示 的 精华 部 分 的 语法 明显 比 整 个 语言 的 语法 简单 得 
B 








空白 


Whitespace 





空白 可 能 表现 为 被 格式 化 的 字符 或 注释 的 形式 。 空 日 通 币 没有 总 
义 ， 但 是 有 时 候 必须 要 用 它 来 分 隔 字 符 序 列 ， 人 否则 筷 们 束 会 被 合并 成 一 
个 符号 。 例 如 ， 对 如 下 代码 来 说 : 








var that = this; 


var 和 that 之 间 的 空格 是 不 能 移 除 的 ， 但 是 其 他 的 空格 都 可 以 移 除 。 


whitespace 


f any character 时 


except line end 





JavaScript 提 供 两 种 注释 形式 ， 一 种 是 用 /#* */ 包 围 的 块 注 释 ， 男 一 种 
是 以 /为 开头 的 行 注 释 。 注 释 应 该 被 优先 用 来 提高 程序 的 可 读 性 。 请 注 
意 ， 注 释 一 定 要 精确 地 描述 代码 。 没 有 用 的 注释 比 没有 注释 更 糟 料 。 








HE ”*/ 包 围 的 块 注释 形式 来 自 于 一 门 串 PL/ 久 的 语言 。PL/I 选 择 那 
些 不 常见 的 符号 对 作为 注释 的 符号 标志 ， 因 为 除了 可 能 出 现在 字符 串 字 
面 量 里 之 外 ， 它 们 不 大 可 能 在 这 门 语言 的 程序 中 出 现 。 在 JavaScript 中 ， 
那些 字符 对 也 可 能 出 现在 正则 表达 式 字 面 量 里 ， 所 以 块 注释 对 于 被 注释 
的 代码 块 来 说 是 不 安全 的 。 例 如 : 

/* 

var rm_a = /a*/.match(s); 

*/ 

上 面 的 注释 导致 了 一 个 语法 错误 。 所 以 ， 我 建议 避免 使 用 。” */ 注 
释 ， 而 用 /注释 代 人 着 它 。 在 本 书 中 ， 只 会 使 用 /注释 。 


标识 符 
Names 


标识 符 由 一 个 字母 开头 ， 其 后 可 选择 性 地 加 上 一 个 或 多 个 字母 、 数 
字 或 下 画 线 鸟 。 标 识 符 不 能 使 用 下 面 这 些 保 留 字 : 


abstract 

boolean break byte 

case catch char class const continue 
debugger default delete do double 

else enum export extends 

false final finally float for function 

goto 

if implements import in instanceof int interface 
long 

native new null 

package private protected public 

return 

short static super switch synchronized 

this throw throws transient true try typeof 
var volatile void 


while with 


name 








在 这 个 列表 中 的 大 部 分 保留 字 疝 未 用 在 这 门 语言 中 。 这 个 列表 不 包 
括 一 些 本 应 该 被 保留 而 没有 保留 的 字 ， 诸 如 undefined、NaN 和 Infinity。 
JavaScript 90. VF (EFA it Ba FOR A 4 BS MBB SEE IE 
JavaScript 不 允许 在 对 象 字 面 量 中 ， 或 者 用 点 运算 符 提 取 对 象 属性 时 ， 使 
用 保留 字 作为 对 象 的 属性 名 。 








标识 符 被 用 于 语句 、 变 量 、 参 数 、 属 性 名 、 运 算 符 和 标记 。 


数字 


Numbers 


| integer | | fraction | | exponent | 


JavaScript 只 有 一 个 数字 类 型 。 它 在 内 部 被 表示 为 64 位 的 浮 点 数 ， 和 
Java 的 double 数 字 类 型 一 样 。 与 其 他 大 多 数 编程 语言 不 同 的 是 ， 它 没有 
分 离 出 整数 类 型 ， 所 以 1 和 1.0 的 值 相 同 。 这 提供 了 很 大 的 方便 ， 因 为 它 
完全 避免 了 短 整 型 的 洲 出 问题 ， 你 只 需要 知道 它 是 一 种 数字 。 这 避 倪 了 
一 大 堆 因 数字 类 型 导致 的 错误 。 











© 


except O 






integer 





fraction 


Q 
Lae 
exponent PR 
© © | digit _| 
Hi 2 c=) 


如 采 一 个 数字 字面 量 有 指数 部 分 ， 那 么 这 个 字面 量 的 值 等 于 e 之 前 
的 数字 与 10 的 e 之 后 数字 的 次 方 相 乘 。 所 以 100 和 1le2 是 相同 的 数字 。 





负数 可 以 用 前 置 运算 符 - 加 数字 构成 。 


NaN 是 一 个 数值 ， 它 表示 一 个 不 能 产生 正常 结果 的 运算 结果 。NaN 
不 等 于 任何 值 ， 包 括 它 自己 。 你 可 以 用 函数 isNaN(number) 检 测 NaN。 


Infinity 表 示 所 有 大 于 1.79769313486231570e+308 的 值 。 


数字 拥有 方法 (参见 第 8 章 ) 。JavaScript 有 一 个 对 象 Math， 它 包含 
一 套 作 用 于 数字 的 方法 。 例 如 ， 可 以 用 Math.floor(number) 方 法 把 一 个 数 
字 转 换 成 一 个 整数 。 


FIP 
Strings 


字符 串 字 面 量 可 以 被 包 在 一 对 单 引 号 或 双 引 号 中 ， 它 可 能 包含 0 个 
或 多 个 字符 。\〔 反 锋线 符号 ) 是 转 义 字符 。JavaScript 在 被 创建 的 时 
候 ，Unicode 是 一 个 16 位 的 字符 集 ， 所 以 JavaScript 中 的 所 有 字符 都 是 16 
位 的 。 





JavaScript 没 有 字符 类 型 。 要 表示 一 个 字符 ， 只 需 创 建 仪 包含 一 个 字 
符 的 字符 串 即 可 。 


string literal a 
any Unicode character except 
" and \ and control character 
al 


z= any Unicode character except | 
' and \ and control character 








escaped character 
double quote 
ih i 


Q 
9 
[Ba 
£ 
Q) 
©) 
Q 













g J 
J 
formfeed 


| 4 hexadecimal digits m 


转 义 字符 用 来 把 那些 正常 情况 下 不 被 允许 的 字符 插入 到 字符 串 中 ， 
比如 反 斜 线 、 引 号 和 控制 字符 。\u 约 定 用 来 指定 数字 字符 编码 。 








"A" === "\u0041" 

字符 串 有 一 个 length 属 性 。 例 如 ，"seven".length 是 5。 

字符 串 是 不 可 变 的 。 一 旦 字符 串 被 创建 ， 就 永远 无 法 改变 它 。 但 你 
可 以 很 容易 地 通过 + 运算 符 连 接 其 他 字符 串 来 创建 一 个 新 字符 串 。 两 个 


包含 着 完全 相同 的 字符 且 字 符 顺序 也 相同 的 字符 串 被 认为 是 相同 的 字符 
Po PTEN: 





ve! + kas + 't! 二 二 二 ‘cat ' 


ze true 7 


字符 串 有 一 些 方法 〈 参 见 第 8 章 ) ， 


‘cat'.toUpperCase( ) === 'CAT' 


证 有 有 ] 
Statements 


var statements 





| 


一 个 编译 单元 包含 一 组 可 执行 的 语句 。 在 Web 浏 览 磺 中 ， 每 个 
<script> 标 签 提 供 一 个 被 编译 且 立 即 执行 的 编译 单元 。 因 为 缺少 链接 
器 由，JavaScript 把 它们 一 起 抛 到 一 个 公共 的 全 局 名 字 空 间 中 。 附 录 A 有 











更 多 关于 全 局 变量 的 内 容 。 
当 var 语 句 补 用 在 函数 内 部 时 ， 它 定义 的 是 这 个 函数 的 私有 变量 。 


switch、while、for 和 do 语句 允许 有 一 个 可 选 的 前 置 标签 (label) , 
它 配合 break 语 句 来 使 用 。 


语句 通常 按照 从 上 到 下 的 顺序 被 执行 。JavaScript 可 以 通过 条 件 语句 
(if 和 switch ) ~ JAIM EA] (while、for 和 do) 、 强 制 跳 转 语句 Cbreak, 
return 和 throw) 和 函数 调用 来 改变 执行 序列 。 





代码 块 是 包 在 一 对 花 括号 中 的 一 组 语句 。 不 像 许 多 其 他 语言 ， 
JavaScript 中 的 代码 块 不 会 创建 新 的 作用 域 ， 因 此 变量 应 该 被 定义 在 函数 
的 头 部 ， 而 不 是 在 代码 块 中 。 


这 语句 根据 表达 陈 的 值 改 变 程 序 流程 。 表 达 式 的 值 为 真 时 执行 跟 在 
其 后 的 代码 其 ， 人 否则 ， 执 行 可 选 的 else 分 文 。 


statements 


E expression statement ii 
isruptive statement 


| ___switchstatement _| 
[= 
_—— | 
| dostatement_ | 





disruptive statement 
break statement 
O return statement a 
throw statement 


D © 

if statement | ee r 
then 

a a | block | 


下 面 列 出 的 值 被 当做 假 (falsy》: 





e false 
e null 


e undefined 


RPL PS AY 


。 TFP" 
。 数字 0 
e 数字 NaN 
其 他 所 有 的 值 都 被 当做 真 ， 包 括 true、 字 符 串 "false"， 以 及 所 有 的 
WR. 


switch statement 


expression 





statement 


T=} 
© 
switch 语 句 执行 一 个 多 路 分 支 。 它 把 其 表达 式 的 值 和 所 有 指定 的 
case 条 件 进行 匹配 。 其 表达 式 可 能 产生 一 个 数字 或 字符 串 。 当 找到 一 个 
精确 的 匹配 时 ， 执 行 匹 配 的 case 从 名 中 的 语句 。 如 果 没 有 找到 任何 匹 
配 ， 则 执行 可 选 的 default 语 句 。 





case clause 


一 个 case 从 人 句 包含 一 个 或 多 个 case 表 达 式 。case 表 达 式 不 一 定 必须 是 
常量 。 要 防止 继续 执行 下 一 个 case，case 从 句 后 应 该 跟随 一 个 强制 跳 转 
语句 。 你 可 以 用 break 语 句 退 出 Switch 语句。 


while statement 


Chi OL eprom JOH block 


while 语 句 执行 一 个 简单 的 循环 。 如 果 表 达 式 值 为 假 ， 就 终止 循 
坏 。 而 当 表 达 式 值 为 真 时 ， 代 码 块 被 执行 。 


for 语 句 是 一 个 结构 更 复杂 的 循环 语句 。 它 有 两 种 形式 。 


常见 的 形式 由 3 个 可 选 从 句 控制 :初始 化 从 名 (initialization〉、 条 
件 从 名 Ccondition) 和 增 量 从 名 Cincrement) 。 首 先 ， 执 行 condition， 
它 的 作用 通常 是 初始 化 循环 变量 。 接 着 ， 计 算 condition 的 值 。 典 型 的 情 
况 是 它 根 据 一 个 完成 条 件 检测 循环 变量 。 如 果 condition 被 省 略 掉 ， 则 假 
定 返 回 的 条 件 是 真 。 如 果 condition 的 值 为 假 ， 那 么 循环 将 终止 。 否 则 ， 
执行 代码 块 ， 然 后 执行 increment， 接 着 循环 会 重复 执行 condition。 







condition 


expression 





variable 


expression 





男 一 种 形式 (被 称 为 for in 语 句 ) 会 枚 举 一 个 对 象 的 所 有 属性 名 (或 
键 名 ) 。 在 每 次 循环 中 ，object 的 下 一 个 属性 名 字符 串 被 赋值 给 


variable. 





通常 你 需要 检测 object.hasOwnProperty(variable) 来 确定 这 个 属性 名 
是 该 对 象 的 成 员 ， 还 是 来 自 于 原型 链 。 


for (myvar in obj) { 


if (obj.hasOwnProperty(myvar)) { 


do statement 


(do)—{_block_}—(while)—()—|_ expression }—()) © 


do 语句 就 像 while 语 句 ， 唯 一 的 区 别 是 它 在 代码 块 执行 之 后 而 不 是 
之 前 检 训 表达 式 的 值 。 这 就 意味 着 代码 块 至 少 要 执行 一 次 。 








try statement variable 


try} bock | catch) O name {Y block | 


rym ANAR, FR TRS R h EHE o catch 
从 名 定义 一 个 新 的 变量 variable 来 接收 抛 出 的 异常 对 象 。 


throw statement 


© 


throw 语 句 抛 出 一 个 异常 。 如 果 throw 语 名 在 一 个 try 代 码 块 中 ， 那 么 
控制 流 会 跳 转 到 catch 从 名 中。 如 果 throw 语 句 在 函数 中 ， 则 该 函数 调用 
被 放弃 ， 控 制 流 跳 转 到 调用 该 函数 的 try 语 句 的 catch 从 句 中 。 





throw 语 句 中 的 表达 式 通 常 是 一 个 对 象 字 面 量 ， 它 包含 一 个 name 属 
性 和 一 个 message 属 性 。 异 和 常 捕 获 絮 可 以 使 用 这 些 信 息 去 决定 该 做 什 


Zo 
Te es 1. 
8 
retum 语 句 会 导致 从 函数 中 提前 返回 。 筷 也 可 以 指定 要 被 返回 的 
值 。 如 有 果 没 有 指定 返回 表达 式 ， 那 么 返回 值 是 undefined。 





JavaScript 不 允许 在 return 关 键 字 和 表达 式 之 间 换 行 。 


me A | 
break 语 句 会 使 程序 退出 一 个 循环 语句 或 switch 语 句 。 它 可 以 指定 一 


个 可 选 的 标签 ， 那 退出 的 就 古市 该 标签 的 语句 。 


JavaScript 不 允许 在 break 关 键 字 和 标签 之 间 换 行 。 


expression statement 


refinement 








expression 








一 个 expression 语 句 可 以 给 一 个 或 多 个 变量 或 成 员 赋 值 ， 或 者 调用 
一 个 方法 ， 或 者 从 对 象 中 删除 一 个 属性 。 运 算 符 = 被 用 于 赋值 ， 不 要 把 
它 和 恒 等 运算 符 === 混 请 起 来 。 运 算 符 += 可 以 用 于 加 法 运算 或 连接 字符 
FB 。 


表达 式 


Expressions 


expression 


expression infix operator expression 
Ne expression a expression i 


refinement 











expression 
expression 











metal AN AeA se FB CER MOEA BB) . Ae. AAN 


值 (true, false, null, undefined. NaN#llInfinity) 、 以 new 开 头 的 调用 
表达 式 、 以 delete 开 头 的 属性 提取 表达 式 、 包 在 圆 括号 中 的 表达 式 、 以 
一 个 前 置 运算 符 作 为 前 导 的 表达 式 ， 或 者 表达 式 后 面 跟着 ; 








AS BSE AT SF PRIA TA: 

三 元 运算 符 ? 后 面 跟着 力 一 个 表达 式 ， 然 后 接 一 个 :， 再 然后 接 第 3 
个 表达 式 ; 

一 个 函数 调用 ; 

一 个 属性 提取 表达 式 。 














三 元 运算 符 ? 有 3 个 运算 数 。 如 果 第 1 个 运算 数值 为 真 ， 产 生 第 2 个 运 
算数 的 值 。 但 如 果 第 1 个 运算 数值 为 假 ， 则 产生 第 3 个 运算 数 的 值 。 

在 排列 运算 符 优 先 级 的 表 2-1 中 ， 排 在 越 上 面 的 运算 符 优 先 级 越 
高 。 它 们 的 结合 性 是 最 强 。 排 在 越 下 面 的 运算 符 优先 级 越 低 。 圆 括号 可 
以 用 来 改变 正常 情况 下 的 优先 级 ， 所 以 : 

2 5 === 17 

(2 + 3) * 5 === 25 


表 2-1: 运算 符 优先 级 
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delete new typeof+-! 
*/% 


fe 
&gty= <= &gt; < Ai 







prefix operator 






type of 


logical not 





typeof 运 算 符 产后 的 值 
有 'number'、'string'、'boolean'、'undefined'、'functionm' 和 'object'"。 如 果 运 
算数 是 一 个 数组 或 nul， 那 么 结果 是 'object"， 这 其 实 是 不 对 的 。 第 6 章 和 
附录 人 A 将 会 有 更 多 关于 typeof 的 内 容 。 








如 果 ! 的 运算 数 的 值 为 真 ， 那 么 产生 false， 人 否则 产生 true。 


+ 运算 符 可 以 进行 加 法 运算 或 字符 串 连 接 。 如 果 你 想 要 的 是 加 法 运 
算 ， 请 确保 两 个 运算 数 部 是 数字 。 


/运算 符 可 能 会 产生 一 个 非 整 数 结果 ， 即 使 两 个 运算 数 都 是 整数 。 


如 果 第 1 个 运算 数 的 值 为 假 ， 那 么 运算 符 && 产 生 它 的 第 1 个 运算 数 
的 值 ， 否 则 产生 第 2 个 运算 数 的 值 。 


infix operator 
logical or 


greater or equal logical and 


(===) )+>—(_ B88) 
(==) 





如 果 第 1 个 运算 数 的 值 为 真 ， 那 么 运算 符 || 产 生 第 1 个 运算 数 的 值 ， 
否则 产生 第 2 个 运算 数 的 值 。 


© Weed © 
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函数 调用 引发 函数 的 执行 。 函 数 调用 运算 符 是 跟随 在 函数 名 后 面 的 
-对 圆 括号 。 圆 括号 中 可 能 包含 传递 给 这 个 函数 的 参数 。 第 4 章 将 会 有 
更 多 关于 函数 的 内 容 。 








refinement 


HR 
DH resin O 


一 个 属性 存 取 表 达 式 用 于 指定 一 个 对 象 或 数组 的 属性 或 元 素 。 下 一 
章 我 将 详细 描述 它 。 


字面 量 
Literals 





对 象 字 面 量 是 一 种 可 以 方便 地 按 指 定 规格 创建 新 对 象 的 表示 法 。 属 
性 名 可 以 是 标识 符 或 字符 串 。 这 些 名 字 被 当做 字面 量 名 而 不 是 变量 名 来 
对 待 ， 所 以 对 象 的 属性 名 在 编译 时 才能 知道 。 属 性 的 值 就 是 表达 式 。 下 
一 章 会 有 更 多 关于 对 象 字面 量 的 内 容 。 














literal 


ar ed 
mene 


regexp literal 


[name JO 
ce 
G) 

fa 


数组 字面 量 是 一 种 可 以 方便 地 按 指 定 规格 创建 新 数组 的 表示 法 。 第 
6 章 会 有 更 多 关于 数组 字面 量 的 内 容 。 
















regexp literal 两 [| [| 
P D—-+® ® © 


第 7 章 会 有 更 多 关于 正则 表达 式 的 内 容 。 











PK BL 


Functions 


function literal | si 
nome function body 


parameters 





function body 


QH varstatements H statements | 人 


PAC BE MS PRA. ERT AP INA, AP 
调用 自己 。 它 可 以 指定 一 个 参数 列表 ， 这 些 参数 就 像 变 量 一 样 ， 在 调用 
时 由 传递 的 实际 参数 (argument) 初始 人 化。 函数 的 主体 包括 变量 定义 和 
语句 。 第 4 章 会 有 更 多 关于 沙 数 的 内 容 。 

















(1) 铁路 图 ， 又 叫 语法 图 (syntax diagrams) ， 是 一 种 表示 形式 语法 的 方式 ， 是 巴 科 斯 范式 
和 扩展 巴 科斯 范式 的 图 形 化 表示 。 更 多 详细 内 容 请 见 
http://en. wikipedia.org/wiki/Syntax_diagram. 






































(2) PL/I, «Programming Language One 的 简写 。 当 中 的 “ 王 其 实 是 罗马 数字 的 “一 ”。 它 是 一 
种 IBM 公 司 在 19 世 纪 50 年 代 发 明 的 第 三 代 高 级 编程 语言 ， 有 些 类 似 PASCAL 语 言 。 更 多 详细 内 
容 请 见 http://zh.wikipedia.org/wiki/PL/I。 

(3) JavaScript 规 范 中 ， 标 识 符 除 字符 外 ， 还 允许 以 下 画 线 C 和 美元 符 〈$) 开头 。 但 本 书 
作者 描述 的 是 他 认为 的 JavaScript 精 华 应 该 遵循 的 规范 ， 含 有 作者 个 人 主观 品味 。 关 于 JavaScript 
标识 符 的 更 多 内 容 ， 请 参考 《JavaScript 权 威 指南 》 语 言 核 心 部 分 。 


(4) 链接 器 (Linker) 是 编程 语言 或 操作 系统 提供 的 工具 ， 它 的 工作 就 是 解析 未 定义 的 符号 


















































引用 ， 将 目标 文件 中 的 占 位 符 蔡 换 为 符号 地 址 。 有 具体 参见 http:Vzji.wikipedia.orgMwiki/ 链 接 器 。 

(5) 在 编程 语言 中 ， 结 合 性 〈associativity) 是 操作 符 在 没有 圆 括 号 分 组 的 情况 下 诀 定 其 优先 
级 的 一 种 属性 。 它 可 能 是 从 左 向 右 结 合 〈leftrassociative) 、 从 右 向 左 结合 (right-associative ) 
或 无 结合 。 比 如 加 运算 符 的 结合 性 是 从 左 向 右 ， 而 一 元 运算 符 、 赋 值 运算 符 及 三 元 条 件 运 算 符 
的 结合 性 是 从 右 向 左 。 关 于 更 多 的 运算 符 结 合 性 的 信息 ， 请 参 
阅 http://en.wikipedia.org/wiki/Operator_associativity 或 《JavaScript 权 威 指南 》 中 译 第 5 版 的 章节 
一 一 “5.2.4 运 算 符 的 结合 性 ”。 

(6) 在 JavaScript 语 言 里 “%” 不 是 通常 数学 意义 上 的 模 运算 ， 而 实际 上 是 “ 求 余 ”运算 。 两 个 运 
算数 都 为 正 数 时 ， 求 模 运 算 和 求 余 运算 的 值 相同 ;两 个 运算 数 中 存在 负数 时 ， 求 模 运 算 和 求 余 
运算 的 值 则 不 相同 。 求 模 运 算 的 详细 原理 请 参考 http://en.wikipedia.org/wiki/Modulo_operation。 
你 还 可 以 从 StackOverflow 里 找到 精彩 的 解 
答 : http://stackoverflow.com/questions/4467539/javascript-modulo-not-behaving . 





































































































第 3 章 
对 象 
Objects 


FAM, ZARA LA. 


一 一 威廉 。 沙 士 比 亚 ，《 维 洛 那 二 绅士 》 (The Two Gentlemen of 


Verona) 


JavaScript 的 简单 数据 类 型 包括 数字 、 字 符 串 、 布 尔 值 〈(true 和 
false) 、null 值 和 undefined 值 。 其 他 所 有 的 值 都 是 对 象 。 数 字 、 字 符 串 
和 布尔 值 “ 貌 似 ” 对 象 ， 因 为 它们 拥有 方法 ， 但 它们 是 不 可 变 的 。 
JavaScript 中 的 对 象 是 可 变 的 键 控 集合 (keyed collections) 。 在 
JavaScript 中 ， 数 组 是 对 象 ， 函 数 是 对 象 ， 正 则 表达 式 是 对 象 ， 当 然 ， 对 
象 自然 也 是 对 象 。 





对 象 是 属性 的 容器 ， 其 中 每 个 属性 都 拥有 名 字 和 值 。 属 性 的 名 字 可 
以 是 包括 空 字符 串 在 内 的 任意 字符 串 。 属 性 值 可 以 是 除 undefined 值 之 外 
的 任何 值 。 


JavaScript 里 的 对 象 是 无 类 型 〈class-free) 的 。 它 对 新 属性 的 名 字 和 
属性 的 值 没 有 限制 。 对 象 适合 用 于 汇集 和 管理 数据 。 对 象 可 以 包含 其 他 
对 象 ， 所 以 它们 可 以 容易 地 表示 成 树 状 或 图 形 结构 。 





JavaScript 包 含 一 种 原型 链 的 特性 ， 人 允许 对 象 继 承 男 一 个 对 象 的 属 
性 。 正 确 地 使 用 它 能 减少 对 象 初始 化 时 消耗 的 时 间 和 内 存 。 


rn? E, 
对 象 字 面 量 
Object Literals 
对 象 字面 量 提供 了 一 种 非常 方便 地 创建 新 对 象 值 的 表示 法 。 一 个 对 


象 字 面 量 就 是 包围 在 一 对 花 括号 中 的 零 或 多 个 “名 / 值 ? 对 。 对 象 字 面 量 可 
以 出 现在 任何 允许 表达 式 出 现 的 地 方 。 

















var empty_object = {}; 


var stooge = { 
"first-name": "Jerome", 
"last-name": "Howard" 


I; 








属性 名 可 以 是 包括 空 字符 串 在 内 的 任何 字符 串 。 在 对 象 字 面 量 中 ， 
如 有 果 属 性 名 是 一 个 合法 的 JavaScript 标 识 符 且 不 是 保留 字 ， 则 并 不 强制 要 
求 用 引号 括 住 属性 名 。 所 以 用 引号 括 住 "first-name" 是 必需 的 ， 但 是 否 括 
住 first_name 则 是 可 选 的 出。 逗号 用 来 分 阳 多 个 “名 / 值 ” 对 。 














属性 的 值 可 以 从 包括 男 一 个 对 象 字面 量 在 内 的 任意 表达 式 中 获得 。 
MRE KEN: 


var flight = { 
airline: "Oceanic", 
number: 815, 


departure: { 


}; 


IATA: 


time: 

city: 
ty 
arrival: 

IATA: 

time: 

city: 
} 


"SYD " j 
"2004-09-22 14:55", 


"Sydney" 


{ 
" LAX" ; 


"2004-09-23 10:42", 


"Los Angeles" 


Retrieval 


要 检索 对 象 里 包含 的 值 ， 可 以 采用 在 [ ] 后 级 中 括 住 一 个 字符 串 表 达 
式 的 方式 。 如 果 字 符 串 表达 式 是 一 个 字符 串 字 面 量 ， 而 且 它 是 一 个 合法 
的 JavaScript 标 识 符 且 不 是 保留 字 ， 那 么 也 可 以 用 .表示 法 代 符 。 优 先 考 
虑 使 用 .表示 法 ， 因 为 它 更 紧凑 且 可 读 性 更 好 。 











stooge["first-name" ] // "Jerome" 


flight.departure.IATA // "SYD" 


如 果 你 答 试 检索 一 个 并 不 存在 的 成 员 属 性 的 值 ， 将 返回 undefined。 


stooge["middle-name" ] // undefined 
flight.status // undefined 
stooge["FIRST-NAME" ] // undefined 


I 运算 符 可 以 用 来 填充 默认 值 : 


var middle stooge["middle-name"] || "(none)"; 


var status = flight.status || "unknown"; 


党 试 从 undefined 的 成 员 属 性 中 取 值 将 会 导致 TypeError 异 常 。 这 时 可 
以 通过 && 运 算 符 来 避免 错误 。 


flight .equipment // undefined 
flight .equipment .model // throw "TypeErr 


flight.equipment && flight.equipment.model // undefined 


ca 


X 
ZIN 


Update 


jm 





对 象 里 的 值 可 以 通过 赋值 语句 来 更 新 。 如 果 属 性 名 已 经 存在 于 对 象 
那么 这 个 属性 的 值 束 会 被 蔡 换 。 


stooge['first-name'] = 'Jerome'; 








如 果 对 象 之 前 没有 拥有 那个 属性 名 ， 那 么 该 属性 就 被 扩充 到 对 象 


stooge['middle-name'] = 'Lester'; 
stooge.nickname = 'Curly'; 
flight.equipment = { 

model: ‘Boeing 777' 
}; 


flight.status = 'overdue'; 


引用 


Reference 


对 象 通过 引用 来 传递 。 它 们 永远 不 会 被 复制 : 


var x = stooge; 
X.nickname = 'Curly'; 
var nick = stooge.nickname; 


// BA x 和 stooge 是 指向 同一 个 对 象 的 引用 ， 所 以 nick 为 


var a= {}, b= {}, c= {}; 

// a, b 和 c 每 个 都 引用 一 个 不 同 的 空 对 象 。 
a=b=c = {}; 

// a, b 和 c 都 引用 同一 个 空 对 象 。 


eae 
Prototype 


每 个 对 象 都 连接 到 一 个 原型 对 象 ， 并 且 它 可 以 从 中 继承 属性 。 所 有 
通过 对 象 字 面 量 创 建 的 对 象 都 连接 到 Object.prototype， 它 是 JavaScript 中 
的 标 配 对 象 。 


当 你 创建 一 个 新 对 象 时 ， 你 可 以 选择 某 个 对 象 作为 它 的 原型 。 
JavaScript 提 供 的 实现 机 制 杂 乱 而 复杂 ， 但 其 实 可 以 被 明显 地 简化 。 我 们 
将 给 Object 增加 一 个 create 方 法 。 这 个 方法 创建 一 个 使 用 原 对 象 作 为 其 原 
型 的 新 对 象 。 下 一 章 将 会 有 更 多 关于 函数 的 内 容 。 








if (typeof Object.beget !== 'function') { 
Object.create = function (o) { 
var F = function ( ) {}; 
F.prototype = 0; 
return new F( ); 
}; 
} 


var another_stooge = Object.create(stooge); 


原型 连接 在 更 新 时 是 不 起 作用 的 。 当 我 们 对 某 个 对 象 做 出 改变 时 ， 
不 会 触及 该 对 象 的 原型 : 


another_stooge['first-name'] = 'Harry'; 


another_stooge[ 'middle-name'] = 'Moses'; 


another_stooge.nickname = 'Moe'; 





原型 连接 只 有 在 检索 值 的 时 候 才 被 用 到 。 如 果 我 们 尝试 去 获取 对 象 
的 某 个 属性 值 ， 但 该 对 象 没有 此 属性 名 ， 那 么 JavaScript 会 试 着 从 原型 对 
象 中 获取 属性 值 。 如 果 那 个 原型 对 象 也 没有 该 属性 ， 那 么 再 从 它 的 原型 
中 寻找 ， 依 此 类 推 ， 直 到 该 过 程 最 后 到 达 终 点 Object.prototype。 如 果 想 
要 的 属性 完全 不 存在 于 原型 链 中 ， 那 么 结果 就 是 undefined 值 。 这 个 过 程 
称 为 委托 。 





原型 关系 是 一 种 动态 的 关系 。 如 果 我 们 添加 一 个 新 的 属性 到 原型 
中 ， 该 属性 会 立即 对 所 有 基于 该 原型 创建 的 对 象 可 见 。 








我 们 将 会 在 第 6 章 中 看 到 更 多 关于 原型 链 的 内 容 。 


stooge.profession = ‘actor'; 


another_stooge.profession // ‘actor' 


反射 


Reflection 








检查 对 象 并 确定 对 象 有 什么 属性 是 很 容易 的 事情 ， 只 要 试 厦 去 检索 
该 属性 并 验证 取得 的 值 。typeof 操 作 符 对 确定 属性 的 类 型 很 有 帮助 : 








typeof flight.number // ‘number' 
typeof flight.status // ‘string' 
typeof flight.arrival // ‘object' 


typeof flight.manifest // ‘undefined' 


请 注意 原型 链 中 的 任何 属性 都 会 产生 值 : 


typeof flight.toString // ‘function' 


typeof flight.constructor // 'function' 





有 两 种 方法 去 处 理 挥 这 些 不 需要 的 属性 。 第 一 个 是 让 你 的 程序 做 检 
但 并 丢弃 值 为 函数 的 属性 。 一 般 来 说 ， 当 你 想 让 对 象 在 运行 时 动态 获取 
目 身 信息 时 ， 你 关注 更 多 的 是 数据 ， 而 你 应 该 音 识 到 一 些 值 可 能 会 是 函 
数 。 











男 一 个 方法 是 使 用 hasOwnProperty 方 法 ， 如 果 对 象 拥 有 独 有 的 属 
性 ， 它 将 返回 true。hasOwnProperty 方 法 不 会 检查 原型 链 。 


flight.hasOwnProperty( ' number ) // true 


flight.hasOwnProperty('constructor') // false 


BLAS 


Enumeration 





for 训 D 语 句 可 用 来 壳 历 一 个 对 象 中 的 所 有 属性 名 。 该 枚 举 过 程 将 会 列 
出 所 有 的 属性 一 一 包括 函数 和 你 可 能 不 关心 的 原型 中 的 属性 一 一 所 以 有 
必要 过 滤 掉 那些 你 不 想 要 的 值 。 最 为 常用 的 过 滤器 是 hasOwnProperty 方 
法 ， 以 及 使 用 typeof 来 排除 函数 : 


var name; 
for (name in another_stooge) { 
if (typeof another_stooge[name] !== 'function') { 


document.writeln(name + ': ' + another_stooge[name] ); 


} 


属性 名 出 现 的 顺序 是 不 确定 的 ， 因 此 要 对 任何 可 能 出 现 的 顺序 有 所 
准备 。 如 果 你 想 要 确保 属性 以 特定 的 顺 夺 出 现 ， 最 好 的 办 法 就 是 完全 避 
免 使 用 for in 语句 ， 而 是 创建 一 个 数组 ， 在 其 中 以 正确 的 顺 友 包含 属性 
名 : 


var 1; 

var properties = [ 
'first-name', 
"middle-name', 
‘last-name', 


‘profession' 


] ; 
for (i = 0; i < properties.length; i += 1) { 
document.writeln(properties[i] + ': ' + 


another_stooge[properties[i]]); 


} 


通过 使 用 for 而 不 是 for in， 可 以 得 到 我 们 想 要 的 属性 ， 而 不 用 担心 
可 能 发 掘 出 原型 链 中 的 属性 ， 并 且 我 们 按 正确 的 顺序 取得 了 它们 的 值 。 





删除 
Delete 





delete 运 算 符 可 以 用 来 删除 对 象 的 属性 。 如 果 对 象 包含 该 属性 ， 那 
么 该 属性 就 会 被 移 除 。 它 不 会 触及 原型 链 中 的 任何 对 象 。 


删除 对 象 的 属性 可 能 会 让 来 自 原型 链 中 的 属性 透 现 出 来 : 


another_stooge.nickname // 'Moe' 


// 删除 another_stooge 的 nickname 属性 ， 从 而 暴露 出 原型 的 


delete another_stooge.nickname; 


another_stooge.nickname // 'Curly' 


减少 全 局 变量 污染 
Global Abatement 





JavaScript 可 以 很 随意 地 定义 全 局 变量 来 容纳 你 的 应 用 的 所 有 资源 。 
遗憾 的 是 ， 全 局 变量 削弱 了 程序 的 灵活 性 ， 应 该 避免 使 用 。 








最 小 化 使 用 全 局 变量 的 方法 之 一 是 为 你 的 应 用 只 创建 一 个 唯一 的 全 
局 变量 : 


var MYAPP = {}; 





该 变量 此 时 变 成 了 你 的 应 用 的 容器 : 


MYAPP.stooge = { 
"first-name": "Joe", 
"last-name": "Howard" 
}; 
MYAPP.flight = { 
airline: "Oceanic", 
number: 815, 
departure: { 
IATA: "SYD", 
time: "2004-09-22 14:55", 
city: "Sydney" 

ty 


arrival: { 


IATA: "LAX", 
time: "2004-09-23 10:42", 


city: "Los Angeles" 


ww 


只 要 把 全 局 性 的 资源 都 纳入 一 个 名 称 空间 之 下 ， 你 的 程序 与 其 他 应 
用 程序 、 组 件 或 类 库 之 间 发 生 冲 突 的 可 能 性 就 会 显著 降低 。 你 的 程序 也 
会 变 得 更 容易 阅读 ， 因 为 很 明显 ，MYAPP.stooge 指 向 的 是 顶层 结构 。 
在 下 一 章 中 ， 我 们 会 看 到 使 用 闭 包 来 进行 信息 隐藏 的 方式 ， 它 是 男 一 种 
有 效 减 少 全 局 污染 的 方法 。 























(1) JavaScript 的 标识 符 中 包含 连接 符 〈-) 是 不 合法 的 ， 但 允许 包含 下 画 线 (_) 。 


st ga EE 
4a 
aie K 
pk BY 
Functions 
所 有 的 过 失 在 未 犯 以 前 ， 都 已 定 下 应 处 的 惩罚 : 


一 一 威廉 。 水 士 比 亚 ，《 一 报 还 一 报 》 (Measure for Measure) 


JavaScript 设 计 得 最 出 色 的 就 是 它 的 函数 的 实现 。 它 几乎 接近 于 完 
美 。 但 是 ， 想 必 你 也 能 预料 到 ，JavaScript 的 函数 也 存在 瑕 疲 。 


函数 包含 一 组 语句 ， 它 们 是 JavaScript 的 基础 模块 单元 ， 用 于 代码 复 
用 、 信 息 隐 藏 和 组 合 调用 。 一 般 来 说 ， 所 谓 
编程 ， 就 是 将 一 组 需求 分 解 成 一 组 函数 与 数据 结构 的 技能 


pRB HT AR 


Function Objects 





JavaScript 中 的 函数 就 是 对 象 。 对 象 是 “名 / 值 ” 对 的 集合 并 拥有 一 个 
连 到 原型 对 象 的 隐藏 连接 。 对 象 字 面 量 产生 的 对 象 连 接 到 
Object.prototype. PA AU REF Function.prototype CZ JRA RA 
连接 到 Object.prototype) 。 每 个 函数 在 创建 时 会 附加 两 个 隐藏 属性 : 也 
数 的 上 下 文 和 实现 函数 行为 的 代码 由。 








每 个 函数 对 象 在 创建 时 也 随 配 有 一 个 prototype 属 性 。 它 的 值 是 一 个 
拥有 constructor 属 性 且 值 即 为 该 函数 的 对 象 。 这 和 隐藏 连接 到 
Function.prototype 完 全 不 同 。 这 个 令 人 费解 的 构造 过 程 的 意义 将 会 在 下 
个 章节 中 揭示 。 


因为 函数 是 对 象 ， 所 以 它们 可 以 像 任何 其 他 的 值 一 样 被 使用。 函数 
可 以 保存 在 变量 、 对 象 和 数组 中 。 函 数 可 以 被 当做 参数 传递 给 其 他 函 
数 ， 函 数 也 可 以 再 返回 函数 。 而 且 ， 因 为 函数 是 对 象 ， 所 以 函数 可 以 拥 
有 方法 。 











函数 的 与 众 不 同 之 处 在 于 它们 可 以 被 调用 。 


: yz rey Ə, 
KA T [A E 
Function Literal 
函数 对 象 通过 函数 字面 量 来 创建 : 


// 创建 一 个 名 为 add 的 变量 ， 并 用 来 把 两 个 数字 相 加 的 哆 数 赋值 


var add = function (a, b) { 
return a + b; 


}; 


函数 字面 量 包 括 4 个 部 分 。 第 1 个 部 分 是 保留 字 function 。 





第 2 个 部 分 是 函数 名 ， 它 可 以 被 省 略 。 函 数 可 以 用 它 的 名 字 来 递归 
地 调用 自己 。 此 名 字 也 能 被 调试 器 和 开发 工具 用 来 识别 函数 。 如 果 没 有 
给 函数 命名 ， 比 如 上 面 这 个 例子 ， 它 被 称 为 匿名 函数 《anonymous) 。 








函数 的 第 3 个 部 分 是 包 半 在 圆 括号 中 的 一 组 参数 。 多 个 参数 用 逗号 
分 隔 。 这 些 参 数 的 名 称 将 被 定义 为 函数 中 的 变量 。 它 们 不 像 普 通 的 变量 
那样 将 被 初始 化 为 undefined， 而 是 在 该 函数 被 调用 时 初始 化 为 实际 提供 
的 参数 的 值 。 





第 4 个 部 分 是 包围 在 花 括号 中 的 一 组 语句 。 这 些 语句 是 函数 的 主 
体 ， 它 们 在 函数 被 调用 时 执行 。 


函数 字面 量 可 以 出 现在 任何 允许 表达 式 出 现 的 地 方 。 函 数 也 可 以 被 
定义 在 其 他 函数 中 。 一 个 内 部 函数 除了 可 以 访问 自己 的 参数 和 变量 ， 同 
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面 量 创建 的 函数 对 象 包含 一 个 连 到 外 部 上 下 文 的 连接 。 这 被 称 为 财 包 
(closure) 。 它 是 JavaScript 强 大 表现 力 的 来 源 。 


调用 


Invocation 


调用 一 个 函数 会 暂停 当前 函数 的 执行 ， 传 递 控制 权 和 参数 给 新 函 
数 。 除 了 声明 时 定义 的 形式 参数 ， 每 个 函数 还 接收 两 个 附加 的 参数 : 
this 和 arguments。 参 数 this 在 面 癌 对 象 编程 中 非常 重要 ， 它 的 值 取 决 于 调 
用 的 模式 。 在 JavaScript 中 一 共有 4 种 调用 模式 : 方法 调用 模式 、 函 数 调 
用 模式 、 构 造 器 调用 模式 和 apply 调 用 模式 。 这 些 模式 在 如 何 初始 化 关 
键 参数 this 上 存在 差异 。 











调用 运算 符 是 跟 在 任何 产生 一 个 函数 值 的 表达 式 之 后 的 一 对 圆 括 
号 。 圆 括号 内 可 包含 零 个 或 多 个 用 去 号 隅 开 的 表达 式 。 每 个 表达 式 产生 
一 个 参数 值 。 每 个 参数 值 被 赋予 函数 声明 时 定义 的 形式 参数 名 。 当 实际 
BY (arguments) 的 个 数 与 形式 参数 (parameters) 的 个 数 不 匹 配 时 ， 
不 会 导致 运行 时 错误 。 如 果实 际 参 数值 过 多 了 ， 超 出 的 参数 值 会 被 忽 
略 。 如 果实 际 参数 值 过 少 ， 缺 失 的 值 会 被 蔡 换 为 undefined。 对 参数 值 不 
会 进行 类 型 检查 : 任何 类 型 的 值 都 可 以 被 传递 给 任何 参数 。 


方法 调用 模式 


The Method Invocation Pattern 








当 一 个 函数 被 保存 为 对 象 的 一 个 属性 时 ， 我 们 称 它 为 一 个 方法 。 当 
一 个 方法 被 调用 时 ，this 被 绑 定 到 该 对 象 。 如 末 调 用 表达 式 包 含 一 个 提 
取 属 性 的 动作 〈 即 包含 一 个 .点 表达 式 或 [subscript] 下 标 表 达 式 〉) ， 那 么 
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// 创建 myObject 对 象 。 它 有 一 个 value 属性 和 一 个 increment 
// increment 方法 接受 一 个 可 选 的 参数 。 如 果 参 数 不 是 数字 ， 那 么 


var myObject = { 
value: 0, 
increment: function (inc) { 


this.value += typeof inc === 'number' ? inc : 1; 


ti 
myObject.increment( ); 


document.writeln(myObject.value); // 1 


myObject.increment(2); 


document.writeln(myObject.value); // 3 


方法 可 以 使 用 this 访 问 上 自己 所 属 的 对 象 ， 所 以 它 能 从 对 象 中 取 值 或 
对 对 象 进行 修改 。this 到 对 象 的 绑 定 发 生 在 调用 的 时 候 。 这 个 “超级 ” 延 
ARE (very late binding) 使 得 函数 可 以 对 this 高 度 复 用 。 通 过 this 可 取 
得 它们 所 属 对 象 的 上 下 文 的 方法 称 为 公共 方法 (public method) 。 


PR BC ed HH BE 


The Function Invocation Pattern 





var sum = add(3, 4); // sum 的 值 为 7。 


当 一 个 函数 并 非 一 个 对 象 的 属性 时 ， 那 么 它 就 是 被 当做 一 个 函数 来 
调用 的 : 


以 此 模式 调用 函数 时 ，this 被 绑 定 到 全 局 对 象 。 这 是 语言 设计 上 的 
一 个 错误 。 倘 大 语言 设计 正确 ， 那 么 当 内 部 函数 被 调用 时 ，this 应 该 仍 
然 绑 定 到 外 部 函数 的 this 变 量 。 这 个 设计 错误 的 后 果 就 是 方法 不 能 利用 
内 部 函数 来 帮助 它 工 作 ， 因 为 内 部 函数 的 this 被 绑 定 了 错误 的 值 ， 所 以 
不 能 共享 该 方法 对 对 象 的 访问 权 。 幸 运 的 是 ， 有 一 个 很 容易 的 解决 方 
案 : 如 果 该 方法 定义 一 个 变量 并 给 它 赋 值 为 his， 那 么 内 部 函数 就 可 以 
通过 那个 变量 访问 到 this。 按 照 约 定 ， 我 把 那个 变量 命名 为 that: 








// 给 my0b ject 增加 一 个 double 方法 。 


myObject.double = function ( ) { 


var that = this; // 解 决 方法 
var helper = function ( ) { 
that.value = add(that.value, that.value); 


}; 


helper( );  //VA RŽI 75 AIA helpero 
}; 


// 以 方法 的 形式 调用 double。 


myObject.double( ); 


document.writeln(myObject.value); // 6 


构造 器 调用 模式 


The Constructor Invocation Pattern 





JavaScript 是 一 门 基 于 原型 继承 的 语言 。 这 意味 着 对 象 可 以 直接 从 其 
他 对 象 继承 属性 。 该 语言 是 无 类 型 的 。 


这 偏离 了 当今 编程 语言 的 主流 风格 。 当 今 大 多 数 语 言 都 是 基于 类 的 
语言 。 尽 管 原型 继承 极 富 表现 力 ， 但 它 并 未 被 广泛 理解 。JavaScript 本 映 
对 它 原 型 的 本 质 也 缺乏 信心 ， 所 以 它 提 供 了 一 套 和 基于 类 的 语言 类 似 的 
对 象 构建 语法 。 有 类 型 化 语言 编程 经 验 的 程序 员 们 很 少 有 愿意 接受 原型 
继承 的 ， 并 且 认 为 借鉴 类 型 化 语言 的 语法 模糊 了 这 门 语言 真实 的 原型 本 
质 。 真 是 两 边 都 不 讨好 。 
































如 果 在 一 个 函数 前 面 带 上 new 来 调用 ， 那 么 背地 里 将 会 创建 一 个 连 
接 到 该 函数 的 prototype 成 员 的 新 对 象 ， 同 时 this 会 被 绑 定 到 那个 新 对 象 
al ie 





new 前 级 也 会 改变 retum 语 句 的 行为 。 我 们 将 会 在 后 面 看 到 更 多 的 相 
关内 容 。 


// 创建 一 个 名 为 Quo 的 构造 器 函数 。 它 构造 一 个 带 有 status 属 1 


var Quo = function (string) { 


this.status = string; 


// 给 Quo 的 所 有 实例 提供 一 个 名 为 get_status 的 公共 方法 。 


Quo.prototype.get_status = function ( ) { 


return this.status; 


// 构造 一 个 Quo 实例 。 


var myQuo = new Quo("confused"); 


document .writeln(myQuo.get_status( )); //47#P a “confused” 


一 个 函数 ， 如 果 创 建 的 目的 就 是 希望 结合 new 前 级 来 调用 ， 那 它 就 
被 称 为 构造 器 函数 。 按 照 约 定 ， 它 们 保存 在 以 大 写 格式 命名 的 变量 里 。 
如 果 调 用 构造 器 函数 时 没有 在 前 面 加 上 new， 可 能 会 发 生 非 常 糟糕 的 事 
情 ， 既 没有 编译 时 警告 ， 也 没有 运行 时 警告 ， 所 以 大 写 约定 非常 重要 。 


我 不 推荐 使 用 这 种 形式 的 构造 器 函数 。 在 下 一 章 中 我 们 会 看 到 更 好 
KERT. 


Apply 调 用 模式 
The Apply Invocation Pattern 





因为 JavaScript 是 一 门 函 数 式 的 面 问 对象 编 程 语 言 ， 所 以 函数 可 以 拥 
ATE 


apply Fr ALERIA TA E BS EB (ZA AA A. EH TK, 
们 选择 this 的 值 。apply 方 法 接收 两 个 参数 ， 第 1 个 是 要 绑 定 给 this 的 值 ， 


第 2 个 珊 是 一 个 参数 数组 。 


// 构造 一 个 包含 两 个 数字 的 数组 ， 并 将 它们 相 加 。 


var array = [3, 4]; 


var sum = add.apply(null, array); // sum 值 为 7。 


// 构造 一 个 包含 status 成 员 的 对 象 。 


var statusObject = { 
status: 'A-OK' 
}; 


// statusObject 并 没有 继承 自 Quo. prototype， 但 我 们 可 以 在 st 
// 用 get_status AH, RP statusObject 并 没有 一 个 名 为 get_ 


var status = Quo.prototype.get_status.apply(statusObject); 
// status 14 'A-OK'. 


参数 
Arguments 


当 函 数 被 调 用 时 ， 会 得 到 一 个 “免费 ”配送 的 参数 ， 那 就 是 arguments 
数组 。 函 数 可 以 通过 此 参数 访问 所有 它 被 调用 时 传递 给 它 的 参数 列表 ， 
包括 那些 没有 被 分 配给 函数 声明 时 定义 的 形式 参数 的 多 余 参 数 。 这 使 得 
编写 一 个 无 须 指 定 参 数 个 数 的 函数 成 为 可 能 : 


// 构造 一 个 将 大 量 的 值 相 加 的 孙 数 。 
// 注意 该 吕 数 内 部 定义 的 变量 sum 不 会 与 函数 外 部 定义 的 sum 产 
// 该 隐 数 只 会 看 到 内 部 的 那个 变量 。 


var sum = function ( ) { 
var i, sum = 0; 
for (i = 0; i < arguments.length; i += 1) { 
sum += arguments[i]; 
} 
return sum; 


}; 


document.writeln(sum(4, 8, 15, 16, 23, 42)); // 108 


这 不 是 一 个 特别 有 用 的 模式 。 在 第 6 章 中 ， 我 们 将 会 看 到 如 何 给 数 


组 添加 一 个 相似 的 方法 来 达到 同样 的 效果 。 





因为 语言 的 一 个 设计 错误 ，arguments 并 不 是 一 个 真正 的 数组 。 它 只 
是 一 个 “类 似 数组 〈array-like) ”的 对 象 。arguments 拥 有 一 个 length 属 
性 ， 但 它 没有 任何 数组 的 方法 。 我 们 将 在 本 章 结 尾 看 到 这 个 设计 错误 导 
致 的 后 果 。 


返回 
Return 


当 一 个 函数 被 调用 时 ， 它 从 第 一 个 语句 开始 执行 ， 并 在 过 到 关闭 函 
数 体 的 } 时 结束 。 然 后 函数 把 控制 权 交 还 给 调用 该 函数 的 程序 。 


retum 语 句 可 用 来 使 函数 提前 返回 。 当 retum 被 执行 时 ， 函 数 立 即 返 
回 而 不 再 执行 余下 的 语句 。 





一 个 函数 总 是 会 返回 一 个 值 。 如 果 没 有 指定 返回 值 ， 则 返 


undefined. 





如 果 函 数 调用 时 在 前 面 加 上 了 new 前 级 ， 且 返回 值 不 是 一 个 对 象 ， 
则 返回 this 〈 该 新 对 象 ) 。 


Eu ne 


FP 中 
Exceptions 


JavaScript 提 供 了 一 套 异 常 处 理 机 制 。 异 常 是 干扰 程序 的 正常 流程 的 
不 寻常 (但 并 非 完 全 是 出 乎 意料 的 ) 的 事故 。 当 发 现 这 样 的 事故 时 ， 你 
的 程序 应 该 抛 出 一 个 异常 : 


var add = function (a, b) { 
if (typeof a !== 'number' || typeof b !== 'number') { 
throw { 
name: 'TypeError', 


message: ‘add needs numbers' 


} 


return a + b; 


} 


throw 语 句 中 断 函 数 的 执行 。 它 应 该 抛 出 一 个 exception 对 象 ， 访 对 
象 包含 一 个 用 来 识别 异常 类 型 的 name 属 性 和 一 个 描述 性 的 message 属 
性 。 你 也 可 以 添加 其 他 的 属性 。 


该 exception 对 象 将 被 传递 到 一 个 try 语 句 的 catch 从 人 名: 


// 构造 一 个 try_it 汤 数 ， 以 不 正确 的 方式 调用 之 前 的 add 函数 。 


var try_it = function ( ) { 


try { 
add("seven"); 
} catch (e) { 


document.writeln(e.name + ': ' + e.message); 


try_it( ); 





GOR etry SER ATO SR, PETA 2s EFS BE WI catch 
从 句 。 


一 个 ry 语句 只 会 有 一 个 捕 著 所 有 寞 常 的 catch 代 码 块 。 如 果 你 的 处 
理 手 段 取 决 于 开 币 的 类 型 ， 那 么 异 毅 处 理 器 必须 检查 异常 对 象 的 name 属 
PE OR TPA RE FP AY EN SA 





扩 元 类 型 的 功能 
Augmenting Types 


JavaScript 人 允许 给 语言 的 基本 类 型 扩充 功能 。 在 第 3 章 中 ， 我 们 已 经 
看 到 ， 通 过 给 Object.prototype 添 加 方法 ， 可 以 让 访 方 法 对 所 有 对 象 都 可 
用 。 这 样 的 方式 对 函数 、 数 组 、 字 符 串 、 数 字 、 正 则 表达 式 和 布尔 值 同 
样 适用 。 











举例 来 说 ， 我 们 可 以 通过 给 Function.prototype 增 加 方法 来 使 得 该 方 
法 对 所 有 函数 可 用 : 


Function.prototype.method = function (name, func) { 
this.prototype[name] = func; 
return this; 


F 


通过 给 Function.prototype 增 加 一 个 method 方 法 ， 我 们 下 次 给 对 象 增 
加 方法 的 时 候 就 不 必 键 入 prototype 这 几 个 字符 ， 省 掉 了 一 点 麻烦 。 








JavaScript 没 有 专门 的 整数 类 型 ， 但 有 了 时候 确实 只 需要 提取 数字 中 的 
整数 部 分 。JavaScript 本 身 提 供 的 取 整 方法 有 些 丑 陋 。 我 们 可 以 通过 给 
Number.prototype 增 加 一 个 integer 方 法 来 改善 它 。 它 会 根据 数字 的 正 负 来 
判断 是 使 用 Math.ceiling 还 是 Math.floor。 








Number.method('integer', function ( ) { 


return Math[this < 0 ? 'ceil' : 'floor'](this); 


}); 


document.writeln((-10 / 3).integer( )); // -3 





JavaScript 缺 少 一 个 移 除 字 符 串 首尾 空白 的 方法 。 这 个 小 疏忽 很 容易 
弥补 : 


String.method('trim', function ( ) { 


return this.replace(/‘\s+|\s+$/g, ''); 


}); 


document.writeln('"' + " neat ".trim( ) + '"'); 





我 们 的 trim 方 法 使 用 了 一 个 正则 表达 式 。 我 们 将 在 第 7 章 看 到 更 多 关 
于 正则 表达 式 的 内 容 。 

通过 给 基本 类 型 增加 方法 ， 我 们 可 以 极 大 地 提高 语言 的 表现 力 。 因 
为 JavaScript 原 型 继承 的 动态 本 质 ， 新 的 方法 立刻 被 赋予 到 所 有 的 对 象 实 
例 上 ， 哪 怕 对 象 实例 是 在 方法 被 增加 之 前 就 创建 好 了 。 





基本 类 型 的 原型 是 公用 结构 ， 所 以 在 类 库 混 用 时 务必 小 心 。 一 个 保 
险 的 做 法 就 是 只 在 确定 没有 该 方法 时 才 添 加 它 。 





// 符合 条 件 时 才 增 加 方法 。 


Function.prototype.method = function (name, func) { 
if (!this.prototype[name]) { 


this.prototype[name] = func; 


return this; 


}; 








另 一 个 要 注意 的 就 是 for ints HERE ET eR. RITER 
3 章 已 经 看 到 了 几 个 减轻 这 个 问题 的 影响 的 办 法 : 我 们 可 以 使 用 
hasOwnProperty 方 法 科 选 出 继承 而 来 的 属性 ， 或 者 我 们 可 以 查找 特定 的 


类 型 。 


1 J 


Recursion 








递归 函数 就 是 会 直接 或 间接 地 调用 目 身 的 一 种 函数 。 递 归 是 一 种 强 
大 的 编程 技术 ， 它 把 一 个 问题 分 解 为 一 组 相似 的 子 问 题 ， 每 一 个 部 用 一 
个 寻常 解 包 去 解决 。 一 般 来 说 ， 一 个 递归 函数 调用 自身 去 解决 它 的 子 问 


el 








“ 汉 诺 塔 ?地 是 一 个 著名 的 益 智 游戏 。 塔 上 有 3 根 柱子 和 一 套 直 径 各 
不 相同 的 空心 圆 盘 。 开 始 时 源 柱子 上 的 所 有 圆 盘 都 按照 从 小 到 大 的 顺序 
堆 登 。 目 标 是 通过 每 次 移动 一 个 圆 熏 到 另 一 根 柱 子 ， 最 终 把 一 堆 圆 盘 移 
动 到 目标 柱子 上 ， 过 程 中 不 允许 把 较 大 的 圆 熏 放置 在 较 小 的 圆 盘 之 上 。 
这 个 问题 有 一 个 寻 第 解 : 




















var hanoi = function (disc, src, aux, dst) { 
if (disc > 0) { 
hanoi(disc - 1, src, dst, aux); 
document.writeln('Move disc ' + disc + 
' from ' + src + ' to ' + dst); 


hanoi(disc - 1, aux, src, dst); 


I; 


hanoi(3, 'Src', 'Aux', 'Dst'); 








圆 盘 数 量 为 3 时 它 返 回 这 样 的 解法 : 


Move disc from Src to Dst 


Move disc from Src to Aux 
Move disc from Dst to Aux 
Move disc from Aux to Src 


from Aux to Dst 


1 
2 
1 

Move disc 3 from Src to Dst 
1 
Move disc 2 
1 


Move disc from Src to Dst 


hanoi 函 数 把 一 堆 圆 盘 从 一 根 柱子 移 到 另 一 根 柱 子 ， 必 要 时 使 用 畏 
助 的 柱子 。 它 把 该 问题 分 解 成 3 个 子 问题 。 首 先 ， 它 移动 一 对 圆 盘 中 较 
小 的 圆 熏 到 辅助 柱子 上 ， 从 而 露出 下 面 较 大 的 圆 熏 ， 然 后 移动 下 面 的 圆 
盘 到 目标 柱子 上 。 最 后 ， 它 将 刚才 较 小 的 圆 盘 从 辅助 柱子 上 再 移动 到 目 
标 柱 子 上 。 通 过 递归 地 调用 自 喘 去 处 理 一 对 圆 盘 的 移动 ， 从 而 解决 那些 
子 问 题 。 








传递 给 hanoi 函 数 的 参数 包括 当前 移动 的 圆 盘 编 号 和 它 将 要 用 到 的 3 
根 柱 子 。 当 它 调用 自身 的 时 候 ， 它 去 处 理 当 前 正在 处 理 的 圆 盘 之 上 的 圆 
盘 。 最 终 ， 它 会 以 一 个 不 存在 的 圆 盘 编 号 去 调用 。 在 这 样 的 情况 下 ， 它 
不 执行 任何 操作 。 由 于 该 函数 对 非法 值 不 予 理会 ， 我 们 也 就 不 必 担 心 它 
会 导致 死 循环 。 


递归 函数 可 以 非常 高 效 地 操作 树 形 结构 ， 比 如 浏览 器 端的 文档 对 象 
模型 (DOM) 。 每 次 递归 调用 时 处 理 指定 的 树 的 一 人 小段。 


// 定义 walk_the_DOM 函数 ， 它 从 某 个 指定 的 节点 开始 ， 按 HTML ; 
// 访问 该 树 的 每 个 节点 。 

// 它 会 调用 一 个 逊 数 ， 并 依次 传递 每 个 节点 给 它 。walk_the_DOM i 
I en al R 


var walk_the_DOM = function walk(node, func) { 
func(node); 
node = node.firstChild; 
while (node) { 
walk(node, func); 


node = node.nextSibling; 


// 定义 getElementsByAttribute 函数 。 它 以 一 个 属性 名 称 字 符 串 
// 和 一 个 可 选 的 匹配 值 作为 参数 。 

// 它 调用 walk_the_DOM， 传 递 一 个 用 来 查找 市 点 属性 名 的 函数 作 ; 
// 匹配 的 节点 会 累加 到 一 个 结果 数组 中 。 


var getElementsByAttribute = function (att, value) { 


var results = [ ]; 


walk_the_DOM(document.body, function (node) { 


var actual = node.nodeType === 1 && node.getAttribute(a 
if (typeof actual === 'string' && 
(actual === value || typeof value !== 'string')) 


results.push(node) ; 
} 
H; 


return results; 


} 


Hee Seth Ze ORL. AERA oR RAR e A A 
归 调 用 的 结果 ， 那 么 调用 的 过 程 会 被 蔡 换 为 一 个 循环 ， 它 可 以 显著 提高 
速度 。 遗 憾 的 是 ，JavaScript 当 前 并 没有 提供 尾 递 归 优 化 。 深 度 北 归 的 孔 
数 可 能 会 因为 堆栈 游 出 而 运行 失败 。 


// 构建 一 个 带 尾 递归 的 函数 。 因 为 它 会 返回 自身 调用 的 结果 ， 所 以 


// JavaScript 当前 没有 对 这 种 形式 的 递归 做 出 优化 。 


var factorial = function factorial(i, a) { 


a=a || 1; 
if (i < 2) { 

return a; 
} 


return factorial(i - 1, a * i); 


}; 


document .writeln(factorial(4)); // 24 


作用 域 
Scope 





在 编程 语言 中 ， 作 用 域 控制 着 变量 与 参数 的 可 见 性 及 生命 周期 。 对 
程序 员 来 说 这 是 一 项 重要 的 服务 ， 因 为 它 减少 了 名 称 冲突 ， 并 且 提 供 了 
目 动 内 存 定理 。 








var foo = function ( ) { 


var a= 3, b= 5; 


var bar = function ( ) { 


var b = 7, c = 11; 


// SUIS, a A 3, bA 7, c 为 11。 


at=b+t+c; 


// 此 时 ，a A 21, bA 7, c A 11. 


}; 


// 此 时 ,a 为 3, b 为 5， 而 Cc 还 没有 定义 。 


bar( ); 


// 此 时 , a A 21, b A 5. 


}; 


大 多 数 类 C 语 言语 法 的 语言 都 拥有 块 级 作用 域 。 在 一 个 代码 块 中 
( 括 在 一 对 花 括 写 中 的 一 组 语句 ) 定义 的 所 有 变量 在 代码 块 的 外 部 是 不 
可 见 的 。 定 义 在 代码 块 中 的 变量 在 代码 块 执行 结束 后 会 被 释放 近 a。 这 是 
件 好 事 。 


糟 粽 的 是 ， 尺 管 JavaScript 的 代码 块 语法 貌似 支持 块 级 作用 域 ， 但 实 
际 上 JavaScript 并 不 支持 。 这 个 混淆 之 处 可 能 成 为 错误 之 源 。 





JavaScript 确 实 有 函数 作用 域 。 那 意味 着 定义 在 图 数 中 的 参数 和 变量 
在 函数 外 部 是 不 可 见 的 ， 而 在 一 个 函数 内 部 任何 位 置 定 义 的 变量 ， 在 该 
函数 内 部 任何 地 方 都 可 见 。 





很 多 现代 语言 都 推荐 尽 可 能 延迟 声明 变量 。 而 用 在 JavaScript 上 的 话 
却 会 成 为 糟 粽 的 建议 ， 因 为 它 缺 少 块 级 作用 域 。 所 以 ， 最 好 的 做 法 是 在 
函数 体 的 顶部 声明 函数 中 可 能 用 到 的 所 有 变量 。 
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Closure 


作用 域 的 好 处 是 内 部 函数 可 以 访问 定义 它们 的 外 部 函数 的 参数 和 变 
量 〈 除 了 this 和 arguments) 。 这 太美 妙 了 。 


我 们 的 getElementsByAttribute 函 数 可 以 工作 ， 是 因为 它 声明 了 一 个 
results 变 量 ， 而 传递 给 walk_the_DOM 的 内 部 函数 也 可 以 访问 results 变 


三 | 


里 o 


一 个 更 有 趣 的 情形 是 内 部 函数 拥有 比 它 的 外 部 函数 更 长 的 生命 周 
期 。 


之 前 ， 我 们 构造 了 一 个 myObject 对 象 ， 它 拥有 一 个 value 属 性 和 一 个 
increment 方 法 。 假 定 我 们 希望 保护 该 值 不 会 被 非法 更 改 。 


和 人 同 ， 我 们 通过 调用 一 个 函 
数 的 形式 去 初始 化 myObject， 该 函数 会 返回 一 个 对 象 字面 量 。 函 数 里 定 
义 了 一 个 value 变 量 。 该 变量 对 increment 和 getValue 方 法 总 是 可 用 的 ， 但 
函数 的 作用 域 使 得 它 对 其 他 的 程序 来 说 是 不 可 见 的 。 














var myObject = (function ( ) { 


var value = 0; 


return { 


increment: function (inc) { 


value += typeof inc === 'number' ? inc : 1; 
ty 
getValue: function ( ) { 


return value; 


}; 
}( )); 


我 们 并 没有 把 一 个 函数 赋值 给 myObject。 我 们 是 把 调用 该 函数 后 返 
回 的 结果 赋值 给 它 。 注 意 最 后 一 行 的 ( )。 该 函数 返回 一 个 包含 两 个 方法 
的 对 象 ， 并 且 这 些 方法 继续 至 有 访问 value 变 量 的 特权 。 





本 章 之 前 的 Quo 构 造 器 产生 一 个 带 有 status 属 性 和 get_status 方 法 的 对 
象 。 但 那 看 起 来 并 不 是 十 分 有 趣 。 为 什么 要 用 一 个 getter 方 法 去 访问 你 
本 可 以 直接 访问 到 的 属性 呢 ? 如 果 status 是 私有 属性 ， 它 才 是 更 有 意义 
的 。 所 以 ， 让 我 们 定义 另 一 种 形式 的 quo 函 数 来 做 此 事 : 








// 创建 一 个 名 为 quo WAE eH Ao 
// 它 构造 出 带 有 get status 方法 和 status 私有 属性 的 一 个 对 象 
var quo = function (status) { 
return { 
get_status: function ( ) { 


return status; 


// 构造 一 个 quo 实例 。 


var myQuo = quo("amazed"); 


document.writeln(myQuo.get_status( )); 


这 个 quo 函 数 被 设计 成 无 须 在 前 面 加 上 new 来 使 用 ， 所 以 名 字 也 没有 
首 字 母 大 写 。 当 我 们 调用 quo 时 ， 它 返回 包含 get_status 方 法 的 一 个 新 对 
象 。 该 对 象 的 一 个 引用 保存 在 myQuo 中 。 即 使 quo 已 经 返回 了 ， 但 
get_status 方 法 仍然 享有 访问 guo 对 象 的 status 属 性 的 特权 。get_status 方 法 
并 不 是 访问 该 参数 的 一 个 副本 ， 它 访问 的 束 是 该 参数 本 吴 。 这 是 可 能 
的 ， 因 为 该 函数 可 以 访问 它 被 创建 时 所 处 的 上 下 文 环 境 。 这 被 称 为 闭 
包 。 





让 我 们 来 看 一 个 更 有 用 的 例子 : 


// 定义 一 个 池 数 ， 它 设置 一 个 DOM 节点 为 黄色 ， 然 后 把 它 渐变 为 和 白 


var fade = function (node) { 
var level = 1; 
var step = function ( ) { 
var hex = level.toString(16); 
node.style.backgroundColor = '#FFFF' + hex + hex; 
if (level < 15) { 
level += 1; 


setTimeout(step, 100); 


setTimeout(step, 100); 
ti 


fade(document.body) ; 


我 们 调用 fade， 把 document.body 作 为 参数 传递 给 它 CHTML<body> 
标签 所 创建 的 节点 ) 。fade 函 数 设置 level] 为 1。 它 定义 了 一 个 step 函 数 ; 
接着 调用 setTimeout， 并 传递 step 函 数 和 一 个 时 间 〈100 晕 秒 ) 给 它 。 然 
后 它 返 回 ，fade 函 数 结束 。 


在 大 约 十 分 之 一 秒 后 ，step 函 数 被 调用 。 它 把 fade 函 数 的 level 变 量 
转化 为 16 位 字符 。 接 着 ， 它 修改 fade 函 数 得 到 的 节点 的 背景 颜色 。 然 后 
得 看 fade 函 数 的 level] 变 量 。 如 果 背 景色 尚未 变 成 和 白色， 那么 它 增 大 fade 
函数 的 level 变 量 ， 接 着 用 setTimeout 预 定 让 它 自己 再 次 运行 。 





step 函 数 很 快 再 次 被 调用 。 但 这 次 ，fade 函 数 的 level 变 量 值 变 成 2。 
fade 函 数 在 之 前 已 经 返回 了 ， 但 只 要 fade 的 内 部 函数 需要 ， 它 的 变量 就 


会 持续 保留 。 





为 了 避免 下 面 的 问题 ， 理 解 内 部 函数 能 访问 外 部 函数 的 实际 变量 而 
无 须 复 制 是 很 重要 的 : 


























A/ 糟糕 的 例子 

















// 构造 一 个 函数 ， 用 错误 的 方式 给 一 个 数组 中 的 节点 设置 事件 处 理 
// 当 点 击 一 个 节点 时 ， 按 照 预期 ， 应 该 弹出 一 个 对 话 框 显示 节点 的 


// 但 它 总 是 会 显示 节点 的 数目 。 


var add_the_handlers = function (nodes) { 
var 1; 
for (i = 0; i < nodes.length; i += 1) { 
nodes[i].onclick = function (e) { 
alert(1); 


}; 


}; 
































// 结束 糟糕 的 例子 。 








add_the_handlers 函 数 的 本 意 是 想 传递 给 每 个 事件 处 理 器 一 个 唯一 值 
G) 。 但 它 未 能 达到 目的 ， 因 为 事件 处 理 器 函数 绑 定 了 变量 i 本 身 ， 而 
不 是 函数 在 构造 时 的 变量 i 的 值 。 





// 改良 后 的 例子 


// 构造 一 个 陶 数 ， 用 正确 的 方式 给 一 个 数组 中 的 节点 设置 事件 处 理 
// 点 击 一 个 节点 ， 将 会 弹出 一 个 对 话 框 显 示 节 点 的 序号 。 


var add_the_handlers = function (nodes) { 
var helper = function (i) { 
return function (e) { 


alert(1); 


for (i = 0; i < nodes.length; i += 1) { 


nodes[i].onclick = helper(i); 


}; 





避免 在 循环 中 创建 函数 ， 它 可 能 只 会 珊 来 无 谓 的 计算 ， 还 会 引起 混 
消 ， 正 如 上 面 那个 糟糕 的 例子 。 我 们 可 以 先 在 循环 之 外 创建 一 个 辅助 函 
数 ， 让 这 个 辅助 函数 再 返回 一 个 绑 定 了 当前 值 的 函数 ， 这 样 就 不 会 导 
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[A] Ve] 
Callbacks 
函数 使 得 对 不 连续 事件 的 处 理 变 得 更 容易 。 例 如 ， 假 定 有 这 么 一 个 


序列 ， 由 用 户 交 互 行为 触发 ， 问 服务 器 及 送 请 求 ， 最 终 显示 服务 器 的 虽 
应 。 最 自然 的 写法 可 能 会 是 这 样 的 : 





request = prepare_the_request( ); 
response = send_request_synchronously(request); 


display(response); 


这 种 方式 的 问题 在 于 ， 网 络 上 的 同步 请 求 会 导致 客户 端 进入 假死 状 
态 。 如 采 网 络 传输 或 服务 器 很 慢 ， 啊 应 会 慢 到 让 人 不 可 接受 。 








更 好 的 方式 是 发 起 异步 请 求 ， 提 供 一 个 当 服 务 需 的 啊 应 到 达 时 随即 
触发 的 回调 函数 。 异 步 函 数 立 即 返 回 ， 这 样 客 尸 端 就 不 会 被 阻 窗 。 





request = prepare_the_request( ); 
send_request_asynchronously(request, function (response) { 
display(response); 


}); 


我 们 传递 一 个 函数 作为 参数 给 send_request_asynchronously 函 数 ， 一 
旦 接收 到 啊 应 ， 它 就 会 被 调用 。 


模块 
Module 


我 们 可 以 使 用 函数 和 闭 包 来 构造 模块 。 模 块 是 一 个 提供 接口 却 隐藏 
状态 与 实现 的 函数 或 对 象 。 通 过 使 用 函数 产生 模块 ， 我 们 几乎 可 以 完全 
握 径 全 局 变量 的 使 用 ， 从 而 缓解 这 个 JavaScript 的 最 为 糟糕 的 特性 之 一 所 
市 来 的 影响 。 


举例 来 说 ， 假 定 我 们 想 要 给 String 增 加 一 个 deentityify 方 法 。 它 的 任 
务 是 寻找 字符 串 中 的 HIML 字 符 实 体 并 把 它们 符 换 为 对 应 的 字符 。 这 就 
需要 在 一 个 对 象 中 保存 字符 实体 的 名 字 和 它们 对 应 的 字符 。 但 我 们 该 在 
哪里 保存 这 个 对 象 呢 ? 我 们 可 以 把 它 放 到 一 个 全 局 变量 中 ， 但 全 局 变量 
是 魔鬼 。 我 们 可 以 把 它 定 义 在 该 函数 的 内 部 ， 但 是 那 会 带 来 运行 时 的 损 
耗 ， 因 为 每 次 执行 该 函数 的 时 候 该 字面 量 都 会 被 求 值 一 次 。 理 想 的 方式 
是 把 它 放 入 一 个 闭 包 ， 而 且 也 许 还 能 提供 一 个 增加 更 多 字符 实体 的 扩展 
方法 : 











String.method('deentityify', function ( ) { 


// 字符 实体 表 。 它 映射 字符 实体 的 名 字 到 对 应 的 字符 。 


var entity = { 
quot: '"', 
Iti eh, 


gt: '>' 


// 返回 deentityify 方法 。 


return function ( ) { 


// 这 才 是 deentityify 方法 。 它 调用 字符 串 的 replace 方法 ， 
// 查找 “& ”开头 和 “;” 结 束 的 子 字符 串 。 如 果 这 些 字 符 可 以 在 字 
// 那么 就 将 该 字符 实体 替换 为 映射 表 中 的 值 。 它 用 到 了 一 个 正则 表 


return this.replace(/&([4&; ]+);/g, 
function (a, b) { 
var r = entity[b]; 


return typeof r === 'string' ? r : a; 


); 
}; 
}( )); 





请 注意 最 后 一 行 。 我 们 用 ( ) 运 算法 立刻 调用 我 们 刚刚 构造 出 来 的 函 
数 。 这 个 调用 所 创建 并 返回 的 函数 才 是 deentityify 方 法 。 


document .writeln( 


'@lt;&quot;&gt;'.deentityify( )); // <"> 


PER RUA A SBR BSCE FS RA A SE ER RSG AAT A 
关联 ， 在 这 个 例子 中 ， 只 有 deentityify 方 法 有 权 访 问 字 符 实体 表 这 个 数 
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模块 模式 的 一 般 形 式 是 : 一 个 定义 了 私有 变量 和 函数 的 函数 ， 利 用 
闭 包 创 建 可 以 访问 私有 变量 和 函数 的 特权 函数 ， 最 后 返回 这 个 特权 函 
数 ， 或 者 把 它们 保存 到 一 个 可 访问 到 的 地 方 。 








使 用 模块 模式 就 可 以 握 弃 全 局 变量 的 使 用 。 它 促进 了 信息 隐藏 和 其 
他 优秀 的 设计 实践 。 对 于 应 用 程序 的 封装 ， 或 者 构造 其 他 单 例 久 对 象 ， 
模块 模式 非常 有 效 。 





模块 模式 也 可 以 用 来 产生 安全 的 对 象 。 假 定 我 们 想 要 构造 一 个 用 来 
产生 序列 号 的 对 象 


var serial_maker = function ( ) { 


// 返回 一 个 用 来 产生 唯一 字符 串 的 对 象 。 

// 唯一 字符 串 由 两 部 分 组 成 : 前 级 + 序列 号 。 

// 该 对 象 包含 一 个 设置 前 级 的 方法 ， 一 个 设置 序列 号 的 方法 
// 和 一 个 产生 唯一 字符 串 的 gensym 方法 。 


var prefix = ''; 
var seq = 0; 
return { 
set_prefix: function (p) { 
prefix = String(p); 
ty 
set_seq: function (s) { 


seq = S; 


ty 

gensym: function ( ) { 
var result = prefix + seq; 
seq += 1; 


return result; 


}; 
}; 
var seqer = serial_maker( ); 
seger.set_prefix('Q'); 
seqer.set_seq(1000); 


var unique = seger.gensym( ); // unique 7£"Q1000" 


sedqer 包 含 的 方法 都 没有 用 到 this 或 that， 因 此 没有 办 法 损害 seqer。 除 
非 调 用 对 应 的 方法 ， 否 则 没 法 改变 prefix 或 seq 的 值 。seqer 对 象 是 可 变 
的 ， 所 以 它 的 方法 可 能 会 被 蔡 换 挤 ， 但 蔡 换 后 的 方法 依然 不 能 访问 私有 
成 员 。seqer 就 是 一 组 函数 的 集合 ， 而 且 那 些 函 数 被 授予 特权 ， 拥 有 使 用 
或 修改 私有 状态 的 能 





e e E 那个 函数 
能 用 它 产生 唯一 字符 串 ， 但 却 不 能 通过 它 来 改变 prefix 或 seq 的 值 。 


级 联 


Cascade 


有 一 些 方法 没有 返回 值 。 例 如 ， 一 些 设置 或 修改 对 象 的 某 个 状态 却 
不 返回 任何 值 的 方法 就 是 典型 的 例子 。 如 有 果 我 们 让 这 些 方法 返回 this 而 
不 是 undefined， 就 可 以 启用 级 联 。 在 一 个 级 联 中 ， 我 们 可 以 在 单独 一 条 
语句 中 依次 调用 同一 个 对 象 的 很 多 方法 。 一 个 启用 级 联 的 Ajax 类 库 可 能 
允许 我 们 以 这 样 的 形式 去 编码 : 


getElement('myBoxDiv') 

.move(350, 150) 

.width(100) 

height (100) 

.color('red') 

.border('10px outset') 

.padding('4px' ) 

.appendText( "Please stand by") 

.on('mousedown', function (m) { 
this.startDrag(m, this.getNinth(m)); 

}) 

.on('mousemove', 'drag') 

.on('mouseup', 'stopDrag') 

.later(2000, function ( ) { 
this 


.color('yellow' ) 


.S@tHTML("What hath God wraught?") 
.Slide(400, 40, 200, 200); 
}) 


.tip('This box is resizeable'); 


在 这 个 例子 中 ，getElement 函 数 产 生 一 个 对 应 于 id="myBoxDiv" 的 
DOM 元 素 且 给 其 注入 了 其 他 功 的 对 象 该 方法 允许 我 们 移动 元 素 ， 
修改 它 的 尺寸 和 样式 ， 并 添加 行为 。 这 些 方法 每 一 个 都 返回 该 对 象 ， 所 
以 每 次 调用 返回 的 结果 可 以 被 下 一 次 调用 所 用 。 


级 联 技术 可 以 产生 出 极 富 表 现 力 的 接口 。 它 也 能 给 那 波 构造 “全 
能 ”接口 的 热 漳 降 降温 ， 一 个 接口 没 必 要 一 次 做 太 多 事情 。 


柯 里 化 人 @) 
Curry 


函数 也 是 值 ， 从 而 我 们 可 以 用 有 趣 的 方式 去 操作 函数 值 。 柯 里 化 人 允 
许 我 们 把 函数 与 传递 给 它 的 参数 相 结合 ， 产 生出 一 个 新 的 函数 。 


var addi = add.curry(1); 
document .writeln(add1(6)); // 7 


add1 是 把 1 传递 给 add 函 数 的 curry 方 法 后 创建 的 一 个 函数 。add1 函 数 
把 传递 给 它 的 参数 的 值 加 1。JavaScript 并 没有 curry 方 法 ， 但 我 们 可 以 给 
Function.prototype 扩 展 此 功能 


Function.method('curry', function ( ) { 
var args = arguments, that = this; 
return function ( ) { 
return that.apply(null, args.concat(arguments)); 
}; 
}); // 有 些 事 好 像 看 起 来 不 太 对 头 …… 


curry 方 法 通过 创建 一 个 保存 着 原始 函数 和 要 被 套用 的 参数 的 闭 包 来 
工作 。 它 返回 男 一 个 函数 ， 该 函数 被 调 用 时 ， 会 返回 调用 原始 函数 的 结 
果 ， 并 传递 调用 curry 时 的 参数 加 上 当前 调用 的 参数 。 它 使 用 Array 的 
concat 方 法 连接 两 个 参数 数组 。 
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的 数组 ， 所 以 它 并 没有 concat 方 法 。 要 避 开 这 个 问题 ， 我 们 必须 在 两 个 
arguments 数 组 上 都 应 用 数组 的 slice 方 法 。 这 样 产生 出 拥有 concat 方 法 的 
第 规 数组 。 


Function.method('curry', function ( ) { 
var slice = Array.prototype.slice, 


args = slice.apply(arguments), 


that = this; 
return function ( ) { 
return that.apply(null, args.concat(slice.apply(argumen 
}; 
}); 


记忆 


Memolzation 


函数 可 以 将 先前 操作 的 结果 记录 在 某 个 对 象 里 ， 从 而 避免 无 谓 的 重 
复 运算 。 这 种 优化 被 称 为 记忆 外 (memoization) 。JavaScript 的 对 象 和 数 
组 要 实现 这 种 优化 是 非常 方便 的 。 


比如 说 ， 我 们 想 要 一 个 递归 函数 来 计算 Fibonacci 数 列 鳃 。 一 个 
Fibonacci 数 字 是 之 前 两 个 Fibonacci 数 字 之 和 。 最 前 面 的 两 个 数字 是 0 和 
1 。 


var fibonacci = function (n) { 


return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2); 


}; 

for (var i= 0; i <= 10; i += 1) { 
document.writeln('// ' + i + ': ' + fibonacci(i)); 

} 

// 


N 

N 
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// 7: 13 
// 8: 21 
// 9: 34 
// 10: 55 


这 样 是 可 以 工作 的 ， 但 它 做 了 很 多 无 谓 的 工作 。fibonacci 函 数 被 调 
用 了 453 次 。 我 们 调用 了 11 次 ， 而 它 自 丑 调用 了 442 次 去 计算 可 能 已 被 刚 
计算 过 的 值 。 如 果 我 们 让 该 函数 具备 记忆 功能 ， 就 可 以 显著 地 减少 运算 


i=! 
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ae ge cua E ie 吉 果 ， 存 储 结果 可 
以 隐藏 在 闭 包 中 。 See An 函数 首先 检查 结果 是 否 已 存 
在 ， 如 果 已 经 存在 ， 就 立即 返回 ons 








var fibonacci = function ( ) { 
var memo = [0, 1]; 
var fib = function (n) { 
var result = memo[n]; 
if (typeof result !== 'number') { 
result = fib(n - 1) + fib(n - 2); 
memo[n] = result; 
} 
return result; 
}; 
return fib; 


}( ); 


这 个 函数 返回 同样 的 结果 ， 但 它 只 被 调用 了 29 次 。 我 们 调用 了 它 11 





次 ， 它 调用 了 上 自己 18 次 去 取得 之 前 存储 的 结果 。 


我 们 可 以 把 这 种 技术 推 而 广 之 ， 编 写 一 个 函数 来 帮助 我 们 构造 带 记 
忆 功 能 的 函数 。memoizer 函 数 取 得 一 个 初始 的 memo 数 组 和 formula 函 
数 。 它 返回 一 个 管理 meno 存 储 和 在 需要 时 调用 formula 函 数 的 recur 函 
数 。 我 们 把 这 个 recur 函 数 和 它 的 参数 传递 给 formula 函 数 : 


var memoizer = function (memo, formula) { 
var recur = function (n) { 
var result = memo[n]; 
if (typeof result !== 'number') { 
result = formula (recur, n); 
memo[n] = result; 
} 
return result; 
}; 
return recur; 


}; 


现在 ， 我 们 可 以 使 用 memoizer 函 数 来 定义 fibonacci 函 数 ， 提 供 其 初 
始 的 memo 数 组 和 formula 函 数 : 


var fibonacci = memoizer([0, 1], function (recur, n) { 
return recur (n - 1) + recur (n - 2); 


}); 
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量 。 例 如 ， 要 产生 一 个 可 记忆 的 阶乘 函数 ， 我 们 只 需 提供 基本 的 阶乘 公 


式 即 可 : 


var factor 


ial = memoizer([1, 1], function (recur, n) { 


return n * recur (n - 1); 


}); 





(人 JavaScript 创建 一 个 函数 对 象 时 ， 会 给 该 对 象 设 置 一 个 “调用 ”属性 。 当 JavaScript 调 用 一 














个 函数 时 ， 可 理解 为 调用 此 函数 的 “调用 ”属性 。 
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ects”. 








详细 的 描述 请 参阅 ECMAScript 规 范 的 “13.2 


(2) 原文 中 使 用 了 “trivial solution”， 该 词组 为 数学 中 的 术语 ， 可 翻译 为 寻常 解 或 明显 解 。 作 
递归 用 一 般 的 方式 去 解决 每 个 子 问 题 。 具 体 可 参 
4% http://zh.wikipedia.org/wiki/f Fk chi A o 





者 用 在 此 处 意 在 说 明 









































(3) 汉 诺 塔 是 印度 一 个 古老 传阅， 也 是 程序 设计 中 的 经 典 递归 问题 。 详 细 的 说 明 请 参见 
http://baike. baidu.com/view/191666.htm 。 
(4) 尾 递归 (tail recursion 或 tail-end recursion) 是 一 种 在 函数 的 最 后 执行 递归 调用 语句 的 特 
殊 形 式 的 递归 。 参 见 http://en.wikipedia.org/wiki/Tail_recursion。 


(5) 模块 模式 通常 结合 单 例 模式 〈Singleton Pattern) 使 用 。JavaScript 的 单 例 就 是 用 对 象 字 面 
量 表示 法 创建 的 对 象 ， 对 象 的 属性 值 可 以 是 数值 或 函数 ， 并 且 


















































| 属性 值 在 该 对 象 的 生命 周期 中 不 














会 发 生变 化 。 它 通常 作为 工具 为 程序 其 他 部 分 提供 功能 文 持 。 单 例 模式 的 更 多 内 容 请 参见 
http://zh.wikipedia.org/wiki/ 单 例 模式 。 


(6) 柯 里 化 ， 也 常 译 为 “局 部 套用 ”， 是 把 多 参数 函数 转换 为 一 系列 单 参数 函数 并 进行 调用 的 








技术 。 这 项 技术 以 数 








更 多 内 容 请 参考 http://zh.wikipedia.org/wiki/ 柯 里 化 。 本 二 











学 家 Haskell 











人 员 更 为 认可 的 “ 柯 旦 


化 ”的 翻译 。 




















Curry 〈Haskell 编 程 语 言 也 是 以 该 数学 家 命名 ) 的 名 字 命 名 。 




















(7) 在 计算 机 领域 ,记忆 Cmemoization) 是 主要 用 于 加 速 程序 计算 的 一 和 


得 函数 避免 重复 演算 之 前 已 被 处 




















的 输入 ， 而 返 





http://en. wikipedia.org/wiki/Memoization 。 


(8) Fibonacci 数 列 ， 中 文 名 为 斐 波 那 契 数列 。 它 的 特点 是 ， 前 面相 邻 两 项 之 和 等 于 后 一 项 的 
值 。 更 多 请 参考 http:Mzjh.wikipedia.orgAwiki 斐 波 那 契 数列 。 






































回 己 缓存 的 结果 一 一 摘自 











的 上 一 版 中 译 为 “套用 ”， 再 版 采用 开发 


优化 技术 ， 它 使 


第 5 重 
继承 
Inher i tance 


SEREA 往往 会 把 一 件 完 整 的 东西 化 成 无 数 的 形象 。 就 像 凹 凸 
镜 一 般 ， 从 正面 望 去 ， 只 见 一 片 模糊 。 


一 一 威廉 。 水 士 比 亚 ，《 理 查 二 世 》 (The Tragedy of King 
Richard the Second) 


在 大 多 数 编程 语言 中 ， 继 承 都 是 一 个 重要 的 主题 。 


在 那些 基于 类 的 语言 (比如 Java) 中 ， 继 承 〈(inheritance 或 
extends) 提供 了 两 个 有 用 的 服务 。 首 先 ， 它 是 代码 重用 的 一 种 形式 。 如 
果 一 个 新 的 类 与 一 个 已 存在 的 类 大 部 分 相似 ， 那 么 你 只 需 具 体 说 明 其 不 
同 点 即 可 。 代 码 重 用 的 模式 极为 重要 ， 因 为 它们 可 以 显著 地 减少 软件 开 
发 的 成 本 。 类 继承 的 另 一 个 好 处 是 引入 了 一 套 类 型 系统 的 规范 。 由 于 程 
序 员 无 需 编 写 显 式 类 型 转换 的 代码 ， 他 们 的 工作 量 将 大 大 减轻 ， 这 是 一 
件 很 好 的 事情 ， 因 为 类 型 转换 会 丧失 类 型 系统 在 安全 上 的 优势 。 











JavaScript 是 一 门 弱 类 型 语言 ， 从 不 需要 类 型 转换 。 对 象 继承 关系 变 
得 无 天 紧要 。 对 于 一 个 对 象 来 说 重要 的 是 它 能 做 什么 ， 而 不 是 它 从 哪里 
来 。 


JavaScript 提 供 了 一 套 更 为 丰富 的 代码 重用 模式 。 它 可 以 模拟 那些 基 
于 类 的 模式 ， 同 时 它 也 可 以 文 持 其 他 更 具 表 现 力 的 模式 。 在 JavaScript 中 
可 能 的 继承 模式 有 很 多 。 在 本 章 中 ， 我 们 将 研究 几 种 最 为 直接 的 模式 。 

















当然 还 有 很 多 更 为 复杂 的 构造 模式 ， 但 保持 简单 通常 是 最 好 的 。 








在 基于 类 的 语言 中 ， 对 象 是 类 的 实例 ， 并 且 类 可 以 从 另 一 个 类 继 
承 。JavaScript 是 一 门 基于 原型 的 语言 ， 这 意味 着 对 象 直接 从 其 他 对 象 继 
不 。 








NR 


Pseudoclassical 





JavaScript 的 原 大 诸多 矛盾 。 它 的 条 些 复杂 的 语法 看 起 来 就 像 
那些 基于 类 的 语言 ， 这 些 语法 问题 掩盖 了 它 的 原型 机 制 。 它 不 直接 让 对 
象 从 其 他 对 象 继 承 ， 反 而 插入 了 一 个 多 余 的 间接 层 : 通过 构造 髓 函数 产 
生 对 象 。 





当 一 个 函数 对 象 被 创建 时 ，Function 构 造 器 产生 的 函数 对 象 会 运行 
ee 些 代码 : 


this.prototype = {constructor: this}; 


新 函数 对 象 被 赋予 一 个 prototype 属 性 ， 它 的 值 是 一 个 包含 
constructor 属 性 且 属 性 值 为 该 新 图 数 的 对 象 。 这 个 prototype 对 象 是 存放 
继承 特征 的 地 方 。 因 为 JavaScript 语 言 没 有 提供 一 种 方法 去 确定 哪个 函数 
是 打算 用 来 做 构造 器 的 ， 所 以 每 个 函数 都 会 得 到 一 个 prototype 对 象 。 
constructor 属 性 没什么 用 ， 重 要 的 是 prototype 对 象 。 





当 采 用 构造 器 调用 模式 ， 即 用 new 前 绥 去 调用 一 个 函数 时 ， 函 数 执 
行 的 方式 会 被 修改 。 如 果 new 运 算 符 是 一 个 方法 而 不 是 一 个 运算 符 ， 它 
可 能 会 像 这 样 执行 : 

Function.method('new', function ( ) { 


// 创建 一 个 新 对 象 ， 它 继承 自 构 造 器 函数 的 原型 对 象 。 


var that = Object.create(this.prototype); 


// WR AIES HA, RE -this- 到 新 对 象 上 。 
var other = this.apply(that, arguments); 
// 如 果 它 的 返回 值 不 是 一 个 对 象 ， 就 返回 该 新 对 象 。 
return (typeof other === 'object' && other) || that; 
3); 


我 们 可 以 定义 一 个 构造 器 并 扩充 它 的 原型 : 


var Mammal = function (name) { 
this.name = name; 


}; 


Mammal.prototype.get_name = function ( ) { 


return this.name; 


}; 


Mammal.prototype.says = function ( ) { 


return this.saying || ; 


}; 
现在 ， 我 们 可 以 构造 一 个 实例 : 


var myMammal = new Mammal('Herb the Mammal'); 


var name = myMammal.get_name( ); // 'Herb the Mammal' 


我 们 可 以 构造 另 一 个 伪 类 来 继承 Mammal， 这 是 通过 定义 它 的 
constructor ek 2 FF #4 Heč HN prototype — “Mammal H SE fi SESE LAY : 


var Cat = function (name) { 


this.name = name; 
this.saying = 'meow'; 


}; 


// 替换 Cat. prototype 为 一 个 新 的 Mammal 实例 。 


Cat.prototype = new Mammal( ); 


// 扩充 新 原型 对 象 ， 增 加 purr 和 get_name Wik. 


Cat.prototype.purr = function (n) { 


var 1, S = : 


for (i = 0; i< n; i += 1) { 


if (s) { 
SS ae 
} 
SS: 六 三 ae 
} 
return s; 


}; 
Cat.prototype.get_name = function ( ) { 


return this.says( ) + ' ' + this.name + ' ' + this.says( ) 


}; 


var myCat = new Cat('Henrietta'); 


var says = myCat.says( ); // 'meow' 


var purr = myCat.purr(5); // 'r-r-r-r-r' 


var name = myCat.get_name( ); //'meow Henrietta meow' 








Py ZR PR TK AS ee AE TB eT ASE, (ALARA. RIJE 
以 隐藏 一 些 五 陋 的 细节 ， 通 过 使 用 method 方 法 来 定义 一 个 inherits 方 法 实 
现 : 


Function.method('inherits', function (Parent) { 
this.prototype = new Parent( ); 
return this; 


}); 


我 们 的 ipherits 和 method 方 法 都 返回 this， 这 样 允许 我 们 可 以 采用 级 
联 的 形式 编程 。 现 在 可 以 只 用 一 行 语句 构造 我 们 的 Cat 对 象 。 





var Cat = function (name) { 
this.name = name; 
this.saying = 'meow'; 

} 

.inherits(Mammal) 

.method('purr', function (n) { 
var i, s= ''; 


for (i = 0; i< n; i += 1) { 


if (s) { 

S += ee 
} 
s += pte 


return s; 
}) 
.method('get_name', function ( ) { 


return this.says( ) + ' ' + this.name + ' ' + this.says( ) 


}); 


通过 隐藏 那些 无 谓 的 prototype 操 作 细节 ， 现 在 它 看 起 来 没 那么 怪异 
了 。 但 是 否 真 的 有 所 改善 呢 ? 我 们 现在 有 了 行为 像 *“ 类 ”的 构造 右 函 数 ， 
但 仔细 看 它们 ， 你 会 惊讶 地 发 现 : 没有 私有 环境 ， 所 有 的 属性 都 是 公开 
的 。 无 法 访问 super( 父 类 ) 的 方法 。 














更 糟糕 的 是 ， 使 用 构造 锅 函 数 人 存在 一 个 严重 的 危害 。 如 采 你 在 调用 
构造 器 函数 时 忘记 了 在 前 面 加 上 new 前 级 ， 那 么 this 将 不 会 被 绑 定 到 一 个 
新 对 象 上 。 赤 剧 的 是 ，this 将 被 绑 定 到 全 局 对 象 上 ， 所 以 你 不 但 没有 扩 
充 新 对 象 ， 有 反而 破坏 了 全 局 变量 环境 。 那 真是 糟 透 了 。 友 生 那 样 的 情况 
时 ， 既 没有 编译 时 和 警告， 也 没有 运行 时 警告 。 





这 是 一 个 严重 的 语言 设计 错误 。 为 了 降低 这 个 问题 带 来 的 风险 ， 上 所 
有 的 构造 右 函 数 都 约定 命名 成 首 字 母 大 写 的 形式 ， 并 且 不 以 首 字 母 大 与 
的 形式 拼写 任何 其 他 的 东西 。 这 样 我 们 至 少 可 以 通过 目 视 检查 去 发 现 是 
人 否 缺 少 了 new 前 级 。 一 个 更 好 的 备 选 方案 束 是 根本 不 使 用 new。 

















“ 伪 类 ”形式 可 以 给 不 熟悉 JavaScript 的 程序 员 提 供 便利 ， 但 它 也 隐藏 
了 该 语言 的 真实 的 本 质 。 借 鉴 类 的 表示 法 可 能 误导 程序 员 去 编写 过 于 深 
入 与 复杂 的 层次 结构 。 许 多 复杂 的 类 层次 结构 产生 的 原因 就 是 静态 类 型 
检查 的 约束 。JavaScript 完 全 摆脱 了 那些 约束 。 在 基于 类 的 语言 中 ， 类 继 
承 是 代码 重用 的 唯一 方式 。 而 JavaScript 有 着 更 多 且 更 好 的 选择 。 




















XY Be it HA FF 
Object Specifiers 


有 时 候 ， 构 造 器 要 接受 一 大 串 参 数 。 这 可 能 令 人 烦恼 ， 因 为 要 记 住 
参数 的 顺序 非常 困难 。 在 这 种 情况 下 ， 如 宁 我 们 在 编写 构造 器 时 让 它 接 
受 一 个 简 蛙 的 对 象 说 明 答 ， 可 能 会 更 加 友好 。 那 个 对 象 包含 了 将 要 构建 
的 对 象 规 格 说 明 。 所 以 ， 与 其 这 样 写 : 


var myObject = maker(f, 1, m, c, s); 
不 如 这 么 写 : 


var myObject = maker({ 
first: f, 
middle: m, 
last: 1, 
state: s, 
city: c 


}); 


MEETER, PATE AE AAT AE, RAE a e H EH RA 
(ff, ESA DSH, JEER E F Sy iR. 





当 与 JSON (参见 附录 E) 一 起 工作 时 ， 这 种 形式 还 可 以 有 一 个 间接 
的 好 处 。JSON 文 本 只 能 描述 数据 ， 但 有 时 数据 表示 的 是 一 个 对 象 ， 把 
该 数据 与 它 的 方法 关联 起 来 是 有 用 的 。 如 果 构 造 器 取得 一 个 对 象 说 明 





符 ， 就 能 让 它 轻松 实现 ， 因 为 我 们 可 以 简单 地 把 JSON 对 象 传递 给 构造 
器 ， 而 它 将 返回 一 个 构造 完全 的 对 象 。 





原型 
Prototypal 


在 一 个 纯粹 的 原型 模式 中 ， 我 们 会 据 弃 类 ， 转 而 专注 于 对 象 。 基 于 
原型 的 继承 相 比 基于 类 的 继承 在 概念 上 更 为 简单 : 一 个 新 对 象 可 以 继承 
一 个 旧 对 象 的 属性 。 也 许 你 对 此 感到 陌生 ， 但 它 真 的 很 容易 理解 。 你 通 
过 构造 一 个 有 用 的 对 象 开 始 ， 接 着 可 以 构造 更 多 和 那个 对 象 类 似 的 对 
象 。 这 束 可 以 完全 避免 把 一 个 应 用 拆 解 成 一 系列 散 套 抽象 类 的 分 类 过 


程 。 








让 我 们 先 用 对 象 字面 量 去 构造 一 个 有 用 的 对 象 : 


var myMammal = { 
name : 'Herb the Mammal', 
get_name : function ( ) { 
return this.name; 
ty 
says : function ( ) { 


return this.saying || ''; 


}; 


一 旦 有 了 一 个 想 要 的 对 象 ， 我 们 就 可 以 利用 第 3 章 中 介绍 过 的 
Object.create 方 法 构造 出 更 多 的 实例 来 。 接 下 来 我 们 可 以 定制 新 的 实 
例 : 








var myCat = Object.create(myMammal) ; 
myCat.name = 'Henrietta'; 
myCat.saying = 'meow'; 
myCat.purr = function (n) { 

Var i, s= ''; 


for (1 = 0; i< n; it=1) { 


if (s) { 
S = 
} 
s += 'r'; 
} 
return s; 
}; 
myCat.get_name = function ( ) { 
return this.says + ' ' + this.name + ' ' + this.says; 
}; 


这 是 一 种 “差异 化 继承 (differential inheritance) ”由 。 通 过 定制 一 个 
新 的 对 象 ， 我 们 指明 它 与 所 基于 的 基本 对 象 的 区 别 。 





有 时候 ， 它 对 某 些 数据 结构 继承 于 其 他 数据 结构 的 情形 非常 有 用 。 
这 里 就 有 一 个 例子 : 假定 我 们 要 解析 一 门类 似 JavaScript 或 TEX 久 那样 用 
一 对 花 括号 指示 作用 域 的 语言 。 定 义 在 某 个 作用 域 里 定义 的 条 目 在 该 作 
用 域 之 外 是 不 可 见 的 。 但 在 某 种 意义 上 ， 一 个 内 部 作用 域 会 继承 它 的 外 
部 作用 域 。JavaScript 在 表示 这 样 的 关系 上 做 得 非常 好 。 当 遇 到 一 个 左 花 
括号 时 block 函 数 被 调用 。parse 函 数 将 从 scope 中 寻找 符号 ， 并 且 当 它 定 
义 了 新 的 符号 时 扩充 scope: 





var block = function ( ) { 


if 


// 


// 


记 住 当前 的 作用 域 。 构 造 一 个 包含 了 当前 作用 域 中 所 有 对 象 的 新 


var oldScope = scope; 


scope = Object.create(scope); 


// 传递 左 花 括号 作为 参数 调用 advance. 


advance('{'); 


使 用 新 的 作用 域 进 行 解析 。 


parse(scope); 


传递 右 花 括号 作为 参数 调用 advance 并 抛弃 新 作用 域 ， 恢 复原 ; 


advance('}'); 


scope = oldScope; 


pA BG 


Functional 


运 今 为 止 ， 我 们 所 看 到 的 继承 模式 的 一 个 弱点 就 是 没 法 保护 隐私 。 
对 象 的 所 有 属性 都 是 可 见 的 。 我 们 无 法 得 到 私有 变量 和 私有 函数 。 有 时 
候 这 样 没关系 ， 但 有 时 候 却 是 大 抹 烦 。 巡 到 这 些 麻 烦 的 时 候 ， 一 些 无 知 
的 程序 员 接受 了 一 种 伪装 私有 (pretend privacy) 的 模式 。 如 果 想 构造 
一 个 私有 属性 ， 他 们 惑 给 它 起 一 个 怪 模 怪 样 的 名 字 ， 并 且 希 望 其 他 使 用 
代码 的 用 户 假装 看 不 到 这 些 奇怪 的 成 员 。 笠 运 的 是 ， 我 们 有 一 个 更 好 的 
选择 ， 那 就 是 应 用 模块 模式 。 


我 们 从 构造 一 个 生成 对 象 的 函数 开始 。 我 们 以 小 写字 母 开头 来 命名 
它 ， 因 为 它 并 不 需要 使 用 new 前 级 。 该 函数 包括 4 个 步 又 。 


1. 创建 一 个 新 对 象 。 有 很 多 的 方式 去 构造 一 个 对 象 。 它 可 以 构造 
一 个 对 象 字 面 量 ， 或 者 它 可 以 和 new 前 级 连用 去 调用 一 个 构造 器 函数 ， 
或 者 它 可 以 使 用 Object.create 方 法 去 构造 一 个 已 经 存在 的 对 象 的 新 实 
例 ， 或 者 它 可 以 调用 任意 一 个 会 返回 一 个 对 象 的 函数 。 








2. 有 选择 地 定义 私有 实例 变量 和 方法 。 这 些 就 是 函数 中 通过 var 语 
人 句 定义 的 普通 变量 。 





3. 给 这 个 新 对 象 扩充 方法 。 这 些 方法 拥有 特权 去 访问 参数 ， 以 及 
在 第 2 步 中 通过 var 语 名 定义 的 变量 。 





4. 返回 那个 新 对 象 。 


IEE ARAE a A A SA CA CAS ASS HR ds 


var constructor = function (spec, my) { 
var that, 其 他 的 私有 实例 变量 ， 
my = my || {3; 


















































把 共享 的 变量 和 函数 添加 到 my 中 











that = 一 个 新 对 象 





添加 给 that 的 特权 方法 


return that; 


I; 


spec 对 象 包含 构造 器 需要 构造 一 个 新 实例 的 所 有 信息 。spec 的 内 容 
可 能 会 被 复制 到 私有 变量 中 ， 或 者 被 其 他 函数 改变 ， 或 者 方法 可 以 在 需 
要 的 时 候 访 问 spec 的 信息 。( 一 个 简化 的 方式 是 蔡 换 spec 为 一 个 单一 的 
值 。 当 构造 对 象 过 程 中 并 不 需要 整个 spec 对 象 的 时 候 ， 这 是 有 用 的 。) 








my 对 象 是 一 个 为 继承 链 中 的 构造 器 提供 秘密 共 至 的 容 顷 。my 对 象 
可 以 选择 性 地 使 用 。 如 果 没 有 传 入 一 个 my 对 象 ， 那 么 会 创建 一 个 my 对 
象 。 








接 下 来 ， 声 明 该 对 象 私 有 的 实例 变量 和 方法 。 通 过 简单 地 声明 变量 
束 可 以 做 到 。 构 造 器 的 变量 和 内 部 函数 变 成 了 该 实例 的 私有 成 员 。 内 部 
函数 可 以 访问 spec、my、that， 以 及 其 他 私有 变量 。 





接 下 来 ， 给 my 对 象 添加 共享 的 秘密 成 员 。 通过 赋值 语句 来 实 
PLAY: 


my.member = value; 


现在 ， 我 们 构造 了 一 个 新 对 象 并 把 它 赋值 给 hat。 有 很 多 方式 可 以 
构造 一 个 新 对 象 。 我 们 可 以 使 用 对 象 字面 量 ， 可 以 用 new 运 算 符 调用 一 
个 伪 类 构造 器 ， 可 以 在 一 个 原型 对 象 上 使 用 Object.create 方 法 ， 或 者 可 
以 调用 男 一 个 函数 化 的 构造 费 ， 传 给 它 一 个 spec 对 象 ( 可 能 就 是 传递 给 
当前 构造 器 的 同一 个 spec 对 象 ) 和 my 对 象 。my 对 象 允许 其 他 的 构造 器 
分 享 我 们 放 到 my 中 的 资料 。 其 他 构造 器 可 能 也 会 把 上 自己 可 分 享 的 秘密 
成 员 放 进 my 对 象 里 ， 以 便 我 们 的 构造 器 可 以 利用 它 。 








接 下 来 ， 我 们 扩充 that， 加 入 组 成 该 对 象 接口 的 特权 方法 。 我 们 可 
以 分 配 一 个 新 函数 成 为 that 的 成 员 方法 。 或 者 ， 更 安全 地 ， 我 们 可 以 先 
把 函数 定义 为 私有 方法 ， 然 后 再 把 它们 分 配给 that: 





var methodical = function ( ) { 


}; 


that.methodical = methodical; 


分 两 步 去 定义 methodical 的 好 处 是 ， 如 有 条 其 他 方法 想 要 调用 
methodical， 它 们 可 以 直接 调用 methodical( ) 而 不 是 that.methodical( )。 如 
果 该 实例 被 破坏 或 算 改 ， 甚 至 hat.methodical 被 蔡 换 掉 了 ， 调 用 
methodical 的 方法 同样 会 继续 工作 ， 因 为 它们 私有 的 methodical 不 受 该 实 
例 被 修改 的 影响 。 


最 后 ， 我 们 返回 that。 


让 我 们 把 这 个 模式 应 用 到 mammal 例 子 里 。 此 处 不 需要 my， 所 以 我 
们 先 抛 开 它 ， 但 会 使 用 一 个 spec 对 象 。 





name 和 saying 属 性 现在 是 完全 私有 的 。 只 有 通过 get_name 和 says 两 
个 特权 方法 才 可 以 访问 它们 。 


var mammal = function (spec) { 


var that = {}; 


that.get_name = function ( ) { 
return spec.name; 

}; 

that.says = function ( ) { 


return spec.saying || ''; 


I; 


return that; 


}; 
var myMammal = mammal({name: 'Herb'}); 


在 伪 类 模式 里 ， 构 造 器 函数 Cat 不 得 不 重复 构造 器 Mammal 已 经 完成 
的 工作 。 在 函数 化 模式 中 那 不 再 需要 了 ， 因 为 构造 器 Cat 将 会 调用 构造 
器 Mammal， 让 Mammal 去 做 对 象 创 建 中 的 大 部 分 工作 ， 所 以 Cat 只 需 关 
注 自 身 的 差异 即 可 。 








var cat = function (spec) { 


spec.saying = spec.saying || 'meow'; 


var that = mammal(spec); 
that.purr = function (n) { 


var 1, S = 


for (i = 0; i< n; i += 1) { 


if (s) { 
S += ray 
} 
s += UE 
} 
return s; 


}; 
that.get_name = function ( ) { 
return that.says( ) + ' ' + spec.name + ' ' + that.says 
}; 
return that; 
}; 


var myCat = cat({name: 'Henrietta'}); 
函数 化 模式 还 给 我 们 提供 了 一 个 处 理 父 类 方法 的 方法 。 我 们 会 构造 


一 个 Superior 方 法 ， 它 取得 一 个 方法 名 并 返回 调用 那个 方法 的 函数 。 该 
函数 会 调用 原来 的 方法 ， 尽 管 属 性 已 经 变化 了 。 








Object.method('superior', function (name) { 
var that = this, 
method = that[name]; 
return function ( ) { 


return method.apply(that, arguments); 


}; 
}); 


让 我 们 在 coolcat 上 试验 一 下 ，coolcat 就 像 cat 一 样 ， 除 了 它 有 一 个 更 
酷 的 调用 父 类 方法 的 get_name 方 法 。 它 只 需要 一 点 点 的 准备 工作 。 我 们 
会 声明 一 个 super_get_ name 变量 ， 并 且 把 调用 superior 方 法 所 返回 的 结 
赋值 给 它 。 


var coolcat = function (spec) { 
var that = cat(spec), 
Ssuper_get_name = that.superior('get_name'); 
that.get_name = function (n) { 
return ‘like ' + super_get_name( ) + ' baby'; 
}; 
return that; 
}; 
var myCoolCat = coolcat({name: 'Bix'}); 
var name = myCoolCat.get_name( ); 


// ‘like meow Bix meow baby' 





函数 化 模式 有 很 大 的 灵活 性 。 它 相 比 伪 类 模式 不 仅 带 来 的 工作 更 
少 ， 还 让 我 们 得 到 更 好 的 封装 和 信息 隐藏 ， 以 及 访问 父 关 方法 的 能 





如 果 对 象 的 所 有 状态 都 是 私有 的 ， 那 么 该 对 象 束 成 为 一 个 “防伪 
(tamper-proof) ”对 象 。 该 对 象 的 属性 可 以 被 蕉 换 或 删除 ， 但 该 对 象 的 
完整 性 不 会 受到 损害 。 如 果 我 们 用 函数 化 的 样式 创建 一 个 对 象 ， 并 且 该 
对 象 的 所 有 方法 都 不 使 用 this 或 that， 那 么 该 对 象 就 是 持久 性 (durable) 
的 。 一 个 持久 性 对 象 就 是 一 个 简单 功能 函数 的 集合 。 


一 个 持久 性 的 对 象 不 会 被 入 侵 。 访 问 一 个 持久 性 的 对 象 时 ， 除 非 有 
方法 授权 ， 否 则 攻击 者 不 能 访问 对 象 的 内 部 状态 。 


部 件 
Parts 
我 们 可 以 从 一 套 部 件 中 把 对 象 组 装 出 来 。 例 如 ， 我 们 可 以 构造 一 个 


给 任何 对 象 添 加 简单 事件 处 理 特 性 的 函数 。 它 会 给 对 象 添 加 一 个 on 方 
法 、 一 个 fire 方 法 和 一 个 私有 的 事件 注册 表 对 象 : 


var eventuality = function (that) { 


var registry = {}; 
that.fire = function (event) { 


// 在 一 个 对 象 上 触发 一 个 事件 。 该 事件 可 以 是 一 个 包含 事件 名 称 的 : 
// 或 者 是 一 个 拥有 包含 事件 名 称 的 type 属性 的 对 象 。 
// 通 过 'on' 方法 注册 的 事件 处 理 程序 中 匹配 事件 名 称 的 函数 将 被 调 


var array, 


func, 

handler, 

i, 

type = typeof event === 'string' ? event : event.typ 


// 如 果 这 个 事件 存在 一 组 事件 处 理 程序 ， 那 么 就 志 历 它们 并 按 顺 序 


if (registry.hasOwnProperty(type)) { 
array = registry[type]; 
for (i = 0; i < array.length; i += 1) { 
handler = array[i]; 
// 每 个 处 理 程序 包 侈 一 个 方法 和 一 组 可 选 的 参数 。 


// 如 果 该 方法 是 一 个 字符 串 形 式 的 名 字 ， 那 么 寻找 到 该 函数 。 


func = handler.method; 
if (typeof func === 'string') { 


func = this[func]; 


// 调用 一 个 处 理 程序 。 如 果 该 条 目 包 含 参数 ， 那 么 传递 它们 过 去 。 


func.apply(this, 


handler.parameters || [event]); 


} 


return this; 
ti 
that.on = function (type, method, parameters) { 
// 注册 一 个 事件 。 构 造 一 条 处 理 程序 条 目 。 将 它 插 入 到 处 理 程序 数 
// 如 果 这 种 类 型 的 事件 还 不 存在 ， 就 构造 一 个 。 
var handler = { 
method: method, 


parameters: parameters 


}; 
if (registry.hasOwnProperty(type)) { 
registry[type].push(handler); 
} else { 
registry[type] = [handler]; 
} 
return this; 
}; 
return that; 


I; 


我 们 可 以 在 任何 单独 的 对 象 上 调用 eventuality， 授 予 它 事件 处 理 方 
法 。 我 们 也 可 以 赶 在 that 被 返回 前 在 一 个 构造 器 函数 中 调用 它 。 


eventuality(that); 


用 这 种 方式 ， 一 个 构造 器 函数 可 以 从 一 套 部 件 中 把 对 象 组 装 出 来 。 
JavaScript 的 弱 类 型 在 此 处 是 一 个 巨大 的 优势 ， 因 为 我 们 无 有 顷 花 费 精 力 去 
了 解 对 象 在 类 型 系统 中 的 继承 关系 。 相 反 ， 我 们 只 需 专注 于 它们 的 个 性 
特征 。 


如 果 我 们 想 要 eventuality 访 问 该 对 象 的 私有 状态 ， 可 以 把 私有 成 员 
集 my 传 递 给 它 。 


(1) 关于 差异 化 继承 的 更 多 内 容 请 参见 


https://developer.mozilla.org/en/Differential_inheritance_in_JavaScript 


(2) TEX 是 一 个 由 美国 计算 机 教授 高 德 纳 (Donald E.Knuth) 编写 的 功能 强大 的 排版 软件 。 









































它 在 学 术 界 十 分 流行 ， 特 别 是 用 在 处 理 复 杂 的 数学 公式 时 。TEX 对 数学 公式 的 描述 语法 就 是 使 
用 花 括号 。 详 细 内 容 请 参见 http://zh.wikipedia.org/wiki/TeX。 























a wa y ZE 
OR 
By 
数组 
Arrays 
你 这 披 着 羊皮 的 狼 ， 我 要 把 你 赶 走 。 





威廉 。 莎 士 比 亚 ，《 享 利 六 世上 篇 》 (The First Part of 
Henry the Sixth) 


数组 是 一 段 线性 分 配 的 内 存 ， 它 通过 整数 计算 偏 移 并 访问 其 中 的 元 
素 。 数 组 是 一 种 性 能 出 色 的 数据 结构 。 不 幸 的 是 ，JavaScript 没 有 像 此 类 
数组 一 样 的 数据 结构 。 


作为 蔡 代 ，JavaScript 提 供 了 一 种 拥有 一 些 类 数组 (array-like〉 特 性 
的 对 象 。 它 把 数组 的 下 标 转 变 成 字符 串 ， 用 其 作为 属性 。 它 明显 地 比 一 
个 真正 的 数组 慢 ， 但 它 使 用 起 来 更 方便 。 它 的 属性 的 检索 和 更 新 的 方式 
与 对 象 一 模 一 样 ， 只 不 过 多 一 个 可 以 用 整数 作为 属性 名 的 特性 。 数 组 有 
自己 的 字面 量 格式 。 数 组 也 有 一 和 套 非 常 有 用 的 内 置 方法 ， 我 将 在 第 8 章 


描述 它们 。 











数组 字面 量 
Array Literals 


数组 字面 量 提供 了 一 种 非常 方便 地 创建 新 数组 的 表示 法 。 一 个 数组 
字面 量 是 在 一 对 方 括号 中 包围 零 个 或 多 个 用 去 号 分 隔 的 值 的 表达 式 。 数 
组 字面 量 允 许 出 现在 任何 表达 式 可 以 出 现 的 地 方 。 数 组 的 第 一 个 值 将 获 
得 属性 名 '0'"， 第 二 个 值 将 获得 属性 名 '1'， 依 此 类 推 : 














var empty = [ ]; 
var numbers = [ 

'zero', ‘one', ‘'two', 'three', 'four', 
1 


'five', 'six', 'seven', ‘eight', ‘nine 
]; 
empty[1] // undefined 
numbers[1] // ‘one' 


empty.length // 0 
numbers.length // 10 


对 象 字 面 量 : 

var numbers_object = { 
'O': 'zero', '1': 'one', '2': 'two', 
'3': 'three', '4': 'four', '5': 'five', 
'6': 'six', '7': 'seven', '8': 'eight', 


'9': 'nine' 


I; 


两 者 产生 的 结果 相似 。numbers 和 numbers_object 都 是 包含 10 个 属性 
的 对 象 ， 并 且 那 些 属性 刚好 有 相同 的 名 字 和 值 。 但 是 它们 也 有 一 些 显著 
的 不 同 。numbers 继 承 自 Array.prototype， 而 numbers_object 继 承 自 
Object.prototype， 所 以 numbers 继 承 了 大 量 有 用 的 方法 。 同 时 ，numbers 
也 有 一 个 诡异 的 length 属 性 ， 而 numbers_object 则 没有 。 














在 大 多 数 语 言 中 ， 一 个 数组 的 所 有 元 素 都 要 求 是 相同 的 类 型 。 
JavaScript 人 允许 数组 包含 任意 混合 类 型 的 值 : 





var misc = [ 
'string', 98.6, true, false, null, undefined, 
['nested', ‘'array'], {object: true}, NaN, 
Infinity 

]; 

misc.length // 10 


长 度 
Length 


每 个 数组 都 有 一 个 length 属 性 。 和 大 多 数 其 他 语言 不 同 ，JavaScript 
数组 的 length 是 没有 上 界 的 。 如 果 你 用 大 于 或 等 于 当前 length 的 数字 作为 
下 标 来 存储 一 个 元 素 ， 那 么 length 值 会 被 增 大 以 容纳 新 元 素 ， 不 会 及 生 
数组 越界 错误 。 


length 属 性 的 值 是 这 个 数组 的 最 大 整数 属性 名 加 上 1。 它 不 一 定 等 于 
数组 里 的 属性 的 个 数 : 


var myArray = [ ]; 


myArray.length // 0 


myArray[1000000] = true; 
myArray.length // 1000001 


// myArray 只 包 念 一 个 属性 。 


[ ] 后 置 下 标 运 算 符 把 它 所 含 的 表达 式 转 换 成 一 个 字符 串 ， 如 果 该 表 
达 式 有 toString 方 法 ， 就 使 用 该 方法 的 值 。 这 个 字符 串 将 被 用 做 属性 
名 。 如 果 这 个 字符 串 看 起 来 像 一 个 大 于 等 于 这 个 数组 当前 的 langth 且 小 
于 4294967295 的 正 整 数 ， 那 么 这 个 数组 的 length 就 会 被 重新 设置 为 新 的 
下 标 加 1 由。 





你 可 以 直接 设置 length 的 值 。 设 置 更 大 的 length 不 会 给 数组 分 配 更 多 
的 空间 。 而 把 length 设 小 将 导致 所 有 下 标 大 于 等 于 新 langth 的 属性 被 删 





numbers.length = 3; 


// numbers Æ ['zero', 'one', 'two'] 


通过 把 下 标 指定 为 一 个 数组 的 当前 length， 可 以 附加 一 个 新 元 素 到 
该 数组 的 尾部 : 


numbers[numbers.length] = 'shi'; 


// numbers 是 ['zero', 'one', 'two', 'shi'] 
有 时 用 push 方 法 可 以 更 方便 地 完成 同样 的 事情 : 


numbers.push('go'); 


// numbers 是 ['zero', 'one', 'two', 'shi', 'go'] 


删除 
Delete 


由 于 JavaScript 的 数组 其 实 就 是 对 象 ， 所 以 delete 运 算 符 可 以 用 来 从 
数组 中 移 除 元 素 : 


delete numbers[2]; 


// numbers Æ ['zero', 'one', undefined, 'shi', 'go'] 


不 幸 的 是 ， 那 样 会 在 数组 中 留 下 一 个 空洞 。 这 和 古 因 为 排 在 被 删除 元 
素 之 后 的 元 取保 留 着 它们 最 初 的 属性 。 而 你 通常 想 要 的 是 递减 后 面 每 个 
元 素 的 属性 。 





泣 运 的 是 ，JavaScript 数 组 有 一 个 splice 方 法 。 它 可 以 对 数组 做 个 手 
术 ， 删 除 一 些 元 素 并 将 它们 蔡 换 为 其 他 的 元 素 。 第 1 个 参数 是 数组 中 的 
一 个 序号 ， 第 2 个 参数 是 要 删除 的 元 素 个 数 。 任 何 额 外 的 参数 会 在 序号 
那个 点 的 位 置 被 插入 到 数组 中 : 








numbers.splice(2, 1); 


// numbers Æ ['zero', 'one', 'shi', 'go'] 





值 为 shi 的 属性 的 键 值 从 '3 变 到 '2'。 因 为 被 删除 属性 后 面 的 每 个 属 
ee 并 且 以 一 个 新 的 键 值 重新 插入 ， 这 对 于 大 型 数组 来 说 可 


BLAS 


Enumeration 


因为 JavaScript 的 数组 其 实 就 是 对 象 ， 所 以 for in 语 句 可 以 用 来 授 历 
一 个 数组 的 所 有 属性 。 遗 憾 的 是 ，for in 无 法 保证 属性 的 顺序 ， 而 大 多 数 
要 允 历 数组 的 场合 都 期 望 按照 阿拉 伯 数 字 顺 序 来 产生 元 素 。 此 外 ， 可 能 
从 原型 链 中 得 到 意外 属性 的 问题 依旧 存在 。 











洱 运 的 是 ， 常 规 的 for 语 句 可 以 避免 这 些 问 题 。JavaScript 的 for 语 句 
和 大 多 数 类 C (C-like) 语言 相似 。 它 被 3 个 从 名 控制 一 一 第 1 个 初始 化 循 
环 ， 第 2 个 执行 条 件 检测 ， 第 3 个 执行 增 量 运算 : 

var 1; 

for (i = 0; i < myArray.length; i += 1) { 


document.writeln(myArray[i]); 


容易 泥 清 的 地 方 
Confusion 


在 JavaScript 编 程 中 ， 一 个 第 见 的 错误 是 在 必须 使 用 数组 时 使 用 了 对 
象 ， 或 者 在 必须 使 用 对 象 时 使 用 了 数组 。 其 实 规则 很 简单 : 当 属 性 名 是 
小 而 连续 的 整数 时 ， 你 应 该 使 用 数组 。 人 否则 ， 使 用 对 象 。 


JavaScript 本 里 对 于 数组 和 对 象 的 区 别 是 混乱 的 。typeof 运 算 符 报 告 
数组 的 类 型 是 'object， 这 没有 任何 意义 。 


JavaScript 没 有 一 个 好 的 机 制 来 区 别 数 组 和 对 象 。 我 们 可 以 通过 定义 
自己 的 is_array 函 数 来 弥补 这 个 缺陷 : 


var is_array = function (value) { 
return value && 
typeof value === 'object' && 
value.constructor === Array; 
ti 
遗憾 的 是 ， 它 在 识别 从 不 同 的 窗口 (window) 或 帧 (frame) 里 构 
造 的 数组 时 会 失败 。 有 一 个 更 好 的 方式 去 判断 一 个 对 象 是 否 为 数组 : 


var is_array = function (value) { 


return Object.prototype.toString.apply(value) === '[object 


}; 


TO 
Methods 


JavaScript 提 供 了 一 套数 组 可 用 的 方法 。 这 些 方法 是 被 储存 在 
Array.prototype 中 的 函数 。 在 第 3 章 里 ， 我 们 看 到 Object.prototype 是 可 以 
被 扩充 的 。 同 样 ，Array.prototype 也 可 以 被 扩充 。 


举例 来 说 ， 假 设 我 们 想 要 给 array 增 加 一 个 方法 ， 它 允许 我 们 对 数组 
进行 计算 : 
Array.method('reduce', function (f, value) { 
var 1; 
for (i = 0; i < this.length; i += 1) { 
value = f(this[i], value); 
} 
return value; 


}); 


通过 给 Array.prototype 扩 充 一 个 函数 ， 每 个 数组 都 继承 了 这 个 方 
法 。 在 这 个 例子 里 ， 我 们 定义 了 一 个 reduce 方 法 ， 它 接受 一 个 函数 和 一 
个 初始 值 作为 参数 。 它 遍历 这 个 数组 ， 以 当前 元 素 和 该 初始 值 为 参数 调 
用 这 个 函数 ， 并 且 计 算出 一 个 新 值 。 当 完成 时 ， 它 返回 这 个 值 。 如 果 我 
们 传 入 一 个 把 两 个 数字 相 加 的 函数 ， 它 会 计算 出 相 加 之 和 。 如 果 我 们 传 
入 把 两 个 数字 相 乘 的 函数 ， 它 会 计算 两 者 的 乘积 


// 创建 一 个 数字 数组 。 


var data = [4, 8, 15, 16, 23, 42]; 


// SAYS fa) FKP RACER F Hate, H-PRICH 


var add = function (a, b) { 
return a + b; 


}; 


var mult = function (a, b) { 
return a * b; 
}; 
// 调用 data 的 reduce 方法 ， 传 入 add AX. 


var sum = data.reduce(add, ©); // sum is 108 


// 再 次 调用 reduce 方法 ， 这 次 传 入 mult BAX. 


var product = data.reduce(mult, 1); 


iA 


// product z 7418880. 


因为 数组 其 实 束 是 对 象 ， 所 以 我 们 可 以 直接 给 一 个 单独 的 数组 添加 
方法 : 





// 给 data 数组 添加 一 个 total 方法 。 


data.total = function ( ) { 


return this.reduce(add, 0); 


ti 
total = data.total( ); // total Æ 108. 


因为 字符 串 'total' 不 是 整数 ， 所 以 给 数组 增加 一 个 total 属 性 不 会 改变 
它 的 length。 当 属性 名 是 整数 时 ， 数 组 才 是 最 有 用 的 ， 但 它们 依旧 是 对 
象 ， 并 且 对 象 可 以 接受 任何 字符 串 作 为 属性 名 。 





来 自 第 3 章 的 Object.create 方 法 用 在 数组 是 没有 意义 的 ， 因 为 它 产生 
一 个 对 象 ， 而 不 是 一 个 数组 。 产 生 的 对 象 将 继承 这 个 数组 的 值 和 方法 ， 
但 它 没 有 那个 特殊 的 length 属 性 。 


指定 初始 值 
Dimensions 


JavaScript 的 数组 通常 不 会 预 置 值 。 如 果 你 用 [ ] 得 到 一 个 新 数组 ， 它 
将 是 空 的 。 如 果 你 访问 一 个 不 存在 的 元 素 ， 得 到 的 值 则 是 undefined。 如 
果 你 知道 这 个 问题 ， 或 者 你 在 尝试 获取 每 个 元 素 之 前 都 很 有 预见 性 地 设 
置 它 的 值 ， 那 就 万 事 大 吉 了 。 但 是 ， 如 果 你 实现 的 算法 是 假设 每 个 元 素 
都 从 一 个 已 知 的 值 开始 (例如 0〉 ， 那 么 你 必须 目 己 准备 好 这 个 数组 。 
JavaScript 应 该 提供 一 些 类 似 Array.dim 这 样 的 方法 来 做 这 件 事 情 ， 但 我 
们 可 以 很 容易 纠正 这 个 疏忽 : 














Array.dim = function (dimension, initial) { 
var a=[ ], i; 
for (i = 0; i < dimension; i += 1) { 
a[i] = initial; 
} 
return a; 


}; 
// 创建 一 个 包含 10 个 0 的 数组 。 


var myArray = Array.dim(10, 0); 


JavaScript 没 有 多 维 数 组 ， 但 就 像 大 多 数 类 C 语 言 一 样 ， 它 文 持 元 素 
为 数组 的 数组 : 


var matrix = 
[0, 1, 2], 
[3, 4, 5], 
[6, 7, 8] 
]; 
matrix[2][1] // 7 





为 了 创建 一 个 二 维 数组 或 者 说 数组 的 数组 ， 你 必须 自己 去 创建 那个 
第 二 维 的 数组 : 


for (i = 0; i < n; i += 1) { 


my_array[i] = [ ]; 


// 注 意 : Array.dim(n, [ ]) 在 这 里 不 能 工作 。 
// 如 果 使 用 它 ， 每 个 元 素 都 指向 同一 个 数组 的 引用 ， 那 后 果 不 堪 设 ? 


一 个 空 的 矩阵 的 每 个 单元 会 拥有 一 个 初始 值 undefined。 如 末 你 希望 
它们 有 不 同 的 初始 值 ， 你 必须 明确 地 设置 它们 。 同 样 地 ，JavaScript 应 该 
对 和 矩阵 提供 更 好 的 支持 。 好 在 我 们 也 可 以 补 上 它 : 


Array.matrix = function (m, n, initial) { 
var a, i, j, mat = [ ]; 
for (i = 0; i < m; i += 1) { 
a=[]; 
for (j = 0; j <n; j += 1) 4 


a[j] = initial; 


mat[i] = a; 
} 


return mat; 


// 构造 一 个 用 0 填充 的 4X4 和 矩阵 。 


var myMatrix = Array.matrix(4, 4, 0); 


document.writeln(myMatrix[3][3]); // 0 


// AAE ANAE EA iko 


Array.identity = function (n) { 
var i, mat = Array.matrix(n, n, 0); 
for (i = 0; i < n; i += 1) { 
mat[i][i] = 1; 
} 
return mat; 
}; 
myMatrix = Array.identity(4); 


document.writeln(myMatrix[3][3]); // 1 














(1) 根据 ECMAScript262 的 标准 ， 数 组 的 下 标 必须 是 大 于 等 于 0 并 小 于 232-1 的 整数 。 











更 多 内 


容 请 参见 《JavaScript 权 威 指南 》 中 译 第 6 版 中 的 章节 一 “7.2 数 组 元 素 的 读 和 写 ”。 





第 7 章 
正则 表达 式 
Regular Expressions 


相反 地 ， 选 到 一 个 称心 如 意 的 配偶 ， 就 能 百年 谐 合 ， 华 福 
无 穷 。 我 们 不 应 该 选 谁 来 配 亨利 国王 ， 他 作为 一 国之 君 ，…… 





威廉 。 水 士 比 亚 ，《 享 利 六 世上 篇 》 (The First Part of 
Henry the Sixth) 


JavaScript 的 许多 特性 都 借鉴 上 自 其 他 语言 。 语 法 借鉴 自 Java， 函 数 借 
鉴 自 Scheme 中， 原型 继承 借鉴 自 Self 包 。 而 JavaScript 的 正则 表达 式 特性 
则 借鉴 上 自 Perl。 








正则 表达 式 是 一 门 简单 语言 的 语法 规范 。 它 应 用 在 一 些 方法 中 ， 对 
字符 串 中 的 信息 实现 查找 、 蔡 换 和 提取 操作 。 可 处 理 正则 表达 式 的 方法 
有 regexp.exec、regexp.test、string.match、string.replace、string.search 和 和 
string.split。 我 会 在 第 8 章 详 述 它 们 。 通 常 来 说 ， 在 JavaScript 中 正则 表达 
式 相 较 于 等 效 的 字符 串 处 理 有 着 显著 的 性 能 优势 。 








正则 表达 式 起 源 于 对 形式 语言 包 (formal language) 的 数学 研究 。 
Ken Thompson 基 于 Stephen Kleene 对 type-3 语 言 的 理论 研究 写 出 了 一 个 切 
实 可 用 的 模式 匹配 器 ， 它 能 够 被 租 入 到 编程 语言 和 像 文 本 编辑 器 这 样 的 
TAH. 


在 JavaScript 中 ， 正 则 表达 式 的 语法 是 对 Perl 版 本 的 改进 和 发 展 ， 它 
非常 接近 于 贝尔 实验 室 (Bell Labs) 最 初 提 出 的 构想 。 正 则 表达 式 的 书 


SAUER, FERRE EAA a) eM Ae eT, MAE 
MEEMAAK rE. Aa i E 
的 是 ， 这 使 得 正则 表达 式 不 仅 难以 阅读 ， 而 且 修 改 时 充满 危险 。 要 想 正 
确 地 阅读 它们 ， 就 必须 对 正则 表达 式 的 整个 复杂 性 有 相当 透彻 的 理解 。 
为 了 缓解 这 个 问题 ， 我 对 它 的 规则 进行 了 些许 简化 。 这 里 所 展示 的 正则 
表达 式 可 能 稍微 有 些 不 够 简洁 ， 但 使 用 它们 的 时 候 不 会 那么 容易 出 错 。 
这 是 值得 的 ， 因 为 维护 和 调试 正则 表达 式 可 能 非常 困难 。 








现在 的 正则 表达 式 的 规则 并 不 总 是 严格 的 ， 但 它们 非常 有 用 。 正 则 
表达 式 趋同 于 极致 的 简洁 ， 甚 至 不 惜 容忍 含义 的 模糊 。 在 最 简单 的 形式 
下 ， 它 们 是 易于 使 用 的 ， 但 可 能 很 快 束 会 变 得 让 人 费解 。JavaScript 的 正 
则 表达 式 难以 分 段 阅读 ， 因 为 它们 不 支持 注释 和 空白 。 正 则 表达 式 的 所 
有 部 分 都 被 紧密 排列 在 一 起 ， 使 得 它们 几乎 无 法 被 辨认 。 当 它们 在 安全 
应 用 中 进行 扫描 和 验证 时 ， 这 点 束 需 要 特别 地 留意 。 如 果 你 不 能 阅读 和 
理解 一 个 正则 表达 式 ， 你 如 何 能 确保 它 对 所 有 的 输入 都 能 正确 地 工作 
We? 然而 ， 尽 管 有 这 些 明显 的 缺点 ， 但 正则 表达 式 还 是 被 广泛 地 应 用 
着 。 











= ca 
An Example 


这 里 有 一 个 例子 。 它 是 一 个 用 来 匹配 URL 的 正则 表达 式 。 书 页 的 行 
览 有 限 ， 所 以 我 把 它 拆 开 来 写成 两 行 。 在 JavaScript 程 序 中 ， 正 则 表达 式 
必须 写 在 一 行 中 。 空 白 需 要 特别 注意 : 





var parse url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+) 
(?::(\d+) )?(?:\/( [424] *))?(?2:\2( [44] *))?(?:#(.%))?$7; 


var url = "http://www.ora.com:80/goodparts?q#fragment"; 


让 我 们 调用 parse_url 的 exec 方 法 。 如 果 能 成 功 匹 配 我 们 传 给 它 的 字 
符 串 ， 它 会 返回 一 个 数组 ， 该 数组 包含 了 从 这 个 url 中 提取 出 来 的 片段 : 


var url = "http://www.ora.com:80/goodparts?q#fragment"; 


var result = parse_url.exec(url); 


var names = ['url', 'scheme', 'slash', 'host', 'port', 


‘path', ‘query', ‘hash']; 


var blanks = ' '; 


var i; 


for (i = 0; i < names.length; i += 1) { 


document.writeln(names[i] + ':' + 


blanks.substring(names[i].length), result[i]); 


这 段 代 码 产 生 的 结果 如 下 : 


url: http://www.ora.com:80/goodparts?q#fragment 


scheme: http 


Slash: // 
host: www.ora.com 
port: 80 


path: goodparts 
query: q 


hash: fragment 

在 第 2 章 里 ， 我 们 用 铁路 图 来 描述 JavaScript 语 言 。 我 们 也 能 用 它 来 
描述 正则 表达 式 所 定义 的 语言 。 这 可 以 让 我 们 更 容易 地 看 出 一 个 正则 表 
达 式 做 了 什么 。 下 面 是 用 来 描述 parse_url 的 铁路 图 。 


parse_url 


ETA B 
olodo 


host 
letter or digit 
时 or. Or- j 
port 
hcl mat | 
any —- 
IL except ? or # y 
any aaa 
eT) 


hash 


any character 
| Looe | Le | line end 


正则 表达 式 不 能 像 函 数 那样 被 分 解 成 小 片段 ， 所 以 表示 parse_ur] 的 
轨道 很 长 。 


让 我 们 分 解 parse_url 的 各 个 部 分 ， 看 看 它 是 如 何 工作 的 : 


人 字符 表示 此 字符 串 的 开始 。 它 是 一 个 锚 ， 指 引 exec 不 要 跳 过 那些 
不 像 URL (Cnon-URL-like) 的 前 级 ， 只 匹配 那些 从 开头 就 像 URL 一 样 的 


Po AY 


字符 串 : 


(2:([A-Za-z]+):)? 


这 个 因子 匹配 一 个 协议 名 ， 但 仅 当 和 它 后 面 跟随 一 个 :《〈 冒 号 ) 的 时 
候 才 匹配 。(?:...) 表 示 一 个 非 捕获 型 分 组 Cnoncapturing group) . Ja2K? 
表示 这 个 分 组 是 可 选 的 。 





它 表 示 重 复 0 次 或 1 次 。【〔...) 表示 一 个 捕获 型 分 组 (capturing 
group) 。 一 个 捕获 型 分 组 会 复制 它 所 匹配 的 文本 ， 并 把 其 放 到 result 数 
组 里 。 每 个 捕获 型 分 组 都 会 被 指定 一 个 编号 。 第 一 个 捕获 型 分 组 的 编号 
是 1， 上 所 以 该 分 组 所 匹配 的 文本 副本 会 出 现在 result[1] 中 。[.…] 表 示 一 个 
字符 类 。A-Za-z 这 个 字符 类 包含 26 个 大 写字 母 和 26 个 小 写字 母 。 连 字符 
C) 表示 范围 从 A 到 Z。 后 组 + 表示 这 个 字符 类 会 被 匹配 一 次 或 多 次 。 

这 个 组 后 面 跟着 字符 :， 它 会 按 字 面 进行 匹配 : 


(\/{0, 3}) 


BANA FSR A 7 ZA2, VARIA VOB RH) EA ( 反 
RAL) 来 进行 转 义 ， 这 样 它 就 不 会 被 错误 地 解释 为 这 个 正则 表达 式 的 结 
束 符 。 后 绥 {0,3} 表 示 / 会 被 匹配 0 次 ， 或 者 1 一 3 次 : 


([0-9.\-A-Za-z]+) 


下 一 个 因子 是 捕获 型 分 组 3。 它 会 匹配 一 个 主机 名 ， 由 一 个 或 多 个 
数字 、 字 母 ， 以 及 .或 -字符 组 成 。- 会 被 转 义 为 \- 以 防止 与 表示 范围 的 连 
字符 相 泥 涌 ， 

(?::(\d+))? 

下 一 个 可 选 的 因子 匹配 端口 号 ， 它 是 由 一 个 前 置 :加 上 一 个 或 多 个 
数字 而 组 成 的 序列 。\d 表 示 一 个 数字 字符 。 一 个 或 多 个 数字 组 成 的 数字 


串 会 被 捕获 型 分 组 4 捕获 : 
(2:\/([42#]*))? 


接 下 来 是 另 一 个 可 选 的 分 组 。 该 分 组 以 一 个 /开始 。 之 后 的 字符 类 
[^?#] 以 一 个 ^ 开 始 ， 它 表示 这 个 类 包含 除 ? 和 # 之 外 的 所 有 字符 。* 表 示 这 
个 字符 类 会 被 匹配 0 次 或 多 次 。 

注意 我 在 这 里 的 处 理 是 不 严谨 的 。 这 个 类 匹配 除 ? 和 # 之 外 的 所 有 字 
符 ， 其 中 包括 了 行 结束 符 、 控 制 字 符 ， 以 及 其 他 大 量 不 应 在 此 被 匹配 的 
字符 。 大 多 数 情 况 下 ， 它 会 按照 我 们 的 预期 去 做 ,但 茶 些 恶 意 文本 可 能 
会 有 渗 漏 进来 的 风险 。 不 严谨 的 正则 表达 式 是 一 个 第 见 的 安全 漏洞 及 源 
地 。 写 不 严谨 的 正则 表达 式 比 写 严 谨 的 正则 表达 式 要 容易 得 多 。 


(2:\?([^#]*))? 


接 下 来 ， 我 们 还 有 一 个 以 一 个 ?开始 的 可 选 分 组 。 它 包含 捕获 型 分 
组 6， 这 个 分 组 包含 0 个 或 多 个 非 # 字 符 。 


(2:#(.*))? 


我 们 的 最 后 一 个 可 选 分 组 是 以 # 开 始 的 。. 会 匹配 除 行 结束 符 以 外 的 
所 有 字符 。 


$ 


$ 表 示 这 个 字符 串 的 结束 。 它 保证 在 这 个 URL 的 尾部 没有 其 他 更 多 
内 容 了 。 


以 上 便 是 正则 表达 式 parse_url 的 所 有 因子 外。 





parse_url 的 正则 表达 式 还 可 以 编写 得 更 复杂 ， 但 我 不 建议 这 样 做 。 
短小 精 悍 的 正则 表达 式 是 最 好 的 。 唯 有 如 此 ， 我 们 才 有 信心 让 它们 正确 
地 工作 并 在 需要 时 能 顺利 地 修改 它们 。 


JavaScript 的 语言 处 理 程序 之 间 兼 容 性 非常 高 。 这 门 语言 中 最 没有 移 
植 性 的 部 分 就 是 对 正则 表达 式 的 实现 。 结 构 复 杂 或 令 人 费解 的 正则 表达 
式 很 有 可 能 导致 移植 性 问题 。 在 执行 某 些 匹配 时 ， 风 套 的 正则 表达 式 也 
能 导致 极 恶 务 的 性 能 问题 。 因 此 简单 是 最 好 的 策略 。 








让 我 们 来 看 男 一 个 例子 : 一 个 匹配 数字 的 正则 表达 式 。 数 字 可 能 由 
一 个 整数 部 分 加 上 一 个 可 选 的 负 号 、 一 个 可 选 的 小 数 部 分 和 一 个 可 选 的 


指数 部 分 组 成 : 


var parse_number = /A-?\d+(?:\.\d*)?(?:e[+\- ]?\d+)?$/1; 


var test = function (num) 


document .writeln(parse_ 


}; 

test('1'); // 
test('number'); // 
test('98.6'); // 


test('132.21.86.100'); // 
test('123.45E-67'); // 
test('123.45D-67'); // 


{ 


number.test(num) ); 


true 
false 
true 
false 
true 


false 


parse_number 成 功 地 检验 出 这 些 字 符 串 中 ， 哪 些 符合 我 们 的 规范 ， 
哪些 不 符合 ， 但 对 那些 不 符合 的 字符 串 ， 它 并 没有 告诉 我 们 测试 失败 的 


缘由 和 位 置 。 


让 我 们 来 分 解 parse_number: 


/^ $i 


我 们 又 用 ^ 和 $ 来 框 定 这 个 正则 表达 式 。 它 指引 这 个 正则 表达 式 对 文 
本 中 的 所 有 字符 都 进行 匹配 。 如 果 我 们 省 略 了 这 些 标识 ， 那 么 只 要 一 个 
字符 串 包含 一 个 数字 ， 这 个 正则 表达 式 就 会 进行 四 配 。 但 有 了 这 些 标 
识 ， 只 有 妆 一 个 字符 串 的 内 容 仪 为 一 个 数字 时 ， 它 才 会 告诉 我 们 。 如 果 
我 们 仅 包 含 ^， 它 将 匹配 以 一 个 数字 开头 的 字符 串 。 如 果 我 们 仅 包 含 $， 
则 匹配 以 一 个 数字 结尾 的 字符 串 。 












ji 标 识 表示 匹配 字母 时 忽略 大 小 写 。 在 我 们 的 模式 中 唯一 可 能 出 现 
的 字母 是 e。 我 们 希望 既 能 匹配 e， 也 能 匹配 E。 我 们 可 以 把 e 因 子 写 成 
[Ee] 或 (?:Ele)， 但 不 必 这 么 麻烦 ， 因 为 我 们 使 用 了 标识 符 i。 





负 号 后 面 的 ?后 缀 表示 这 个 负 号 是 可 选 的 。 


\d+ 


vd 的 含义 和 [0-9] 一 样 。 它 匹配 一 个 数字 。 后 缀 + 指引 和 它 可 以 匹配 一 
个 或 多 个 数字 。 


(2:\.\d*)? 


(@:…)? 表 示 一 个 可 选 的 非 捕 获 型 分 组 。 通 第 用 非 捕获 型 分 组 来 符 代 
少量 不 优美 的 捕获 型 分 组 是 很 好 的 方法 ， 因 为 捕获 会 有 性 能 上 的 损失 。 
这 个 分 组 会 匹配 后 面 跟随 的 0 个 或 多 个 数字 的 小 数 点 : 


(?:e[+\-]?\d+)? 


这 是 另外 一 个 可 选 的 非 捕 获 型 分 组 。 它 会 匹配 一 个 e《〈 或 E) 、 一 个 
可 选 的 正 负 号 及 一 个 或 多 个 数字 。 


结构 


Construction 





有 两 个 方法 来 创建 一 个 RegExp 对 象 。 在 以 前 的 例子 中 我 们 可 以 看 
到 ， 优 先 考 虑 的 方法 是 使 用 正则 表达 式 字 面 量 。 


regexp literal [|_| | | |_| 
而 O--® @ @ 


正则 表达 式 字 面 量 被 包围 在 一 对 和 斜 杠 中 。 这 有 点 令 人 难以 捉摸 ， 
为 斜 杠 也 被 用 做 除法 运算 符 和 注释 符 。 





REGEER Dey anya: 它们 分 别 由 字母 g、i 和 m 来 标示 ， 我 把 它 
们 列 在 表 7-1 中 。 这 些 标识 被 直接 添加 在 RegExp 字 面 量 的 末尾 : 








// 创建 一 个 匹配 JavaScript 字 符 串 的 正则 表达 式 对 象 。 
var my_regexp = /"(?:\\. | [A\\\"])*"/g; 


表 7-1: 正则 表达 式 标识 





I> 


标识 字义 


全 局 的 《匹配 多 次 ; 不 同 的 方法 对 g 标 识 的 处 理 各 不 相 
jay 


大 小 写 不 敏感 〈 忽 略 字符 大 小 写 ) 








多 行 〈 “和 $ 能 匹配 行 结束 符 


na 


创建 一 个 正则 表达 式 的 男 一 个 方法 是 使 用 RegExp 构 造 器 。 这 个 构 
造 锅 接收 一 个 字符 串 ， 并 把 它 编 译 为 一 个 RegExp 对 象 。 创 建 这 个 字符 
st 因为 反 斜 杠 在 正则 表达 式 和 在 字符 串 字 面 量 中 有 一 些 
不 同 的 含义 。 通 常 需 要 双 写 反 斜 杜 ， 以 及 对 引号 进行 转 义 : 











// 创建 一 个 匹配 JavaScript 字符 串 的 正则 表达 式 。 


var my_regexp = new RegExp("\"(?:\\\A. | PAVAAAAAAT AAT", 'g9') 





第 2 个 参数 是 一 个 指定 标识 的 字符 串 。RegExp 构 造句 适用 于 必须 在 
运行 时 动态 生成 正则 表达 式 的 情形 。 





RegExp 对 象 包含 的 属性 列 在 表 7-2 中 。 


表 7-2: RegExp 对 象 的 属性 





属性 用 法 
global 如 果 标 识 g 被 使 用 ， 值 为 true 
ignoreCase 如 果 标 识 i 被 使 用 ， 值 为 true 
lastIndex 下 一 次 exec 匹 配 开 始 的 索引 。 初 始 值 为 0 
multiline 如 果 标 识 m 被 使 用 ， 值 为 true 
source 正则 表达 式 源码 文本 


用 正则 表达 式 字面 量 创建 RegExp 对 象 共享 同一 个 单 例 : 


function make_a_matcher( ) { 


return /a/gi; 


var x = make_a_matcher( ); 


var y = make_a_matcher( ); 


// 当心 : x Fo y 是 相同 的 对 象 ! 


x.lastIndex = 10; 


document.writeln(y.lastIndex); // 10 


TUR 


Elements 


让 我 们 进一步 看 看 那些 构成 正则 表达 式 的 元 素 。 


正则 表达 式 分 文 
Regexp Choice 


regexp choice 





regexp sequence 


es 


一 个 正则 表达 式 分 支 包 含 一 个 或 多 个 正则 表达 式 序列 。 这 些 序列 被 | 
CRB) 字符 分 隅 。 如 果 这 些 序 列 中 的 任何 一 项 符合 匹配 条 件 ， 那 么 这 
个 选择 就 被 匹配 。 它 尝试 按 顺 友 依 次 匹配 这 些 序列 项 。 所 以 : 














"into".match(/in|int/) 


会 在 into 中 匹配 jn。 但 它 不 会 匹配 int， 因 为 in 已 被 成 功 匹 配 了 。 


正则 表达 却 序 列 
Regexp Sequence 


aaa regexp quantifier = 


一 个 正则 表达 式 序 列 包 含 一 个 或 多 个 正则 表达 式 因 子 。 每 个 因子 能 
选择 是 人 否 跟随 一 个 量词 ， 这 个 量词 决定 着 这 个 因子 被 允许 出 现 的 次 数 。 
如 果 没 有 指定 这 个 量词 ， 那 么 该 因子 只 会 被 匹配 一 次 。 


正则 表达 式 因 子 
Regexp Factor 





regexp factor 
any Unicode character except / and \ and 


[ and ] and ( and ) and { and } and ? and 
B +and * and | and control character = 
| regenpescape | 


regexp class 





regexp group 


一 个 正则 表达 式 因 子 可 以 是 一 个 字符 、 一 个 由 圆 括 号 包围 的 组 、 一 
个 字符 类 ， 或 者 是 一 个 转 义 序列 。 除 了 控制 字符 和 特殊 字符 以 外 ， 所 有 
的 字符 都 会 被 按照 字面 处 理 : 


如 果 你 希望 上 面 列 出 的 字符 按 字 面 去 匹配 ， 那 么 必须 要 用 一 个 \ 前 
级 来 进行 转 义 。 你 如 果 拿 不 准 的 话 ， 可 以 给 任何 特殊 字符 都 添加 一 个 
\ 前 级 来 使 其 字面 化 。 注 意 \ 前 级 不 能 使 字母 或 数字 字面 化 。 





上 


一 个 未 被 转 义 的 .会 匹配 除 行 结束 符 以 外 的 任何 字符 。 


当 lastIndex 属 性 值 为 0 时 ， 一 个 未 转 义 的 ^ 会 匹配 文本 的 开始 。 当 指 
定 了 m 标 识 时 ， 它 也 能 匹配 行 结束 符 。 
一 个 未 转 义 的 $ 将 匹配 文本 的 结束 。 当 指定 了 m 标 识 时 ， 它 也 能 


配 行 结束 符 。 


正则 表达 式 转 义 
Regexp Escape 


肥 和 斜 杠 字 符 在 正则 表达 式 因子 中 与 其 在 字符 串 中 一 样 均 表 示 转 义 ， 
但 是 在 正则 表达 式 因 子 中 ， 它 稍 有 一 扣 不 同 。 





像 在 字符 串 中 一 样 ，\f 是 换 页 人 符 ，n 是 换行 符 ，\r 是 回 车 人 符 ，\t 是 制 
K (tab) 符 ， 并 且 \u 人 允许 指定 一 个 Unicode 字 符 来 表示 一 个 十 六 进 制 的 
和 常量。 但 在 正则 表达 式 因子 中 ，\b 不 是 退 格 (backspace) 符 。 








\d 等 同 于 [0-9]， 它 匹配 一 个 数字 。\D 则 表示 与 其 相反 的 : [^0-9]。 


\s@ fr] F[\f\n\r\t\u000B\u0020\u00A0\u2028\u2029]. ix Æ Unicode ®© 
H (whitespace) 符 的 一 个 不 完全 子 集 。\S 则 表示 与 其 相反 的 ; 
[A\f\n\r\t\u000B\u0020\u00A0\u2028\u2029]. 


\w 等 同 于 [0-9A-Z_a-z]。\W 则 表示 与 其 相反 的 : [AO-9A-Z_a-z]. \W 
本 意 是 希望 表示 出 现在 话语 中 的 字符 。 遗 憾 的 是 ， 它 所 定义 的 类 实际 上 
对 任何 真正 的 语言 来 说 都 不 起 作用 。 如 果 你 需要 匹配 信件 一 类 的 文本 ， 
你 必须 指定 自己 的 类 。 








regexp escape 















word boundary 


(b) 

© 
pa 

© 





[hei _ 
7 
carriage 

A return 
| 


Bed 4 i 
© hexadecimal 
digits 


$ any special character J 
back reference 


一 个 简单 的 字母 类 是 [A-Za-z\u00C0-\u1FFF\u2800-\WWFFFD]。 它 包括 
所 有 的 Unicode 字 母 ， 但 它 也 包括 成 千 上 万 非 字母 的 字符 。Unicode 是 巨 
大 而 复杂 的 。 构 造 一 个 基本 多 语言 面包 的 精确 字母 类 是 有 可 能 的 ， 但 它 
将 会 变 得 庞大 而 低 效 。JavaScript 的 正则 表达 式 对 国际 化 的 支持 非常 有 
限 。 








\b 被 指定 为 一 个 字 边 界 (word-boundary) 标识 ， 它 方便 用 于 对 文本 
的 字 边 界 进行 区 配 。 遗 憾 的 是 ， 它 使 用 \w 去 寻找 字 边 界 ， 所 以 它 对 多 语 
言 应 用 来 说 是 完全 无 用 的 。 这 并 不 是 一 个 好 的 特性 。 





\I 和 是 指 回 分 组 1 所 捕获 到 的 文本 的 一 个 引用 ， 所 以 它 能 被 再 次 匹 
配 。 例 如 ， 你 能 用 下 面 的 正则 表达 式 来 搜索 文本 中 的 重复 的 单词 : 








var doubled_words = 


/( [A-Za-z\u00CO-\ULFFF\Uu2800-\UFFFD]+)\s+\1/gi; 





doubled_words 会 寻找 重复 的 单词 (包含 一 个 或 多 个 字母 的 字符 
串 ) ， 该 单词 的 后 面 跟着 一 个 或 多 个 空白 ， 然 后 再 跟着 与 它 相 同 的 单 
词 。 


2 十 指向 分 组 2 的 引用 ，\3 是 指向 分 组 3 的 引用 ， 依 此 类 推 。 


正则 表达 式 分 组 
Regexp Group 


一 个 捕获 型 分 组 是 一 个 被 包围 在 圆 括 号 中 的 正则 表达 式 分 支 。 
任何 匹配 这 个 分 组 的 字符 都 会 被 捕获 。 每 个 捕获 型 分 组 都 被 指定 了 
一 个 数字 。 在 正则 表达 式 中 第 1 个 捕获 (的 是 分 组 1， 第 2 个 捕获 (的 是 
分 组 25 


regexp group 
capturing 










noncapturing 
CQ) 
positive lookahead 
©) 


negative lookahead 





非 捕 获 型 


非 捕获 型 分 组 有 一 个 (?: 前 级 。 非 捕获 型 分 组 仅 做 简单 的 匹配 ， 
并 不 会 捕获 所 匹配 的 文本 。 这 会 带 来 微弱 的 性 能 优势 。 非 捕获 型 分 


组 不 会 干扰 捕获 型 分 组 的 编写 。 





向 前 正 向 匹配 (Positive lookahead) 


问 前 正 癌 匹配 分 组 有 一 个 C= 前 绥 。 它 类 似 于 非 捕获 型 分 组 ， 
但 在 这 个 组 匹配 后 ， 文 本 会 倒 回 到 它 开始 的 地 方 ， 实 际 上 并 不 匹配 
任何 东西 。 这 不 是 一 个 好 的 特性 。 





H) AT fa ILAE (Negative lookahead) 


EAIA [a] VU a ZA “NPI TERA TA] Bi TE Py DE 
组 ， 但 只 有 当 它 匹配 失败 时 它 才 继续 同 前 进行 匹配 。 这 不 是 一 个 好 
的 特性 。 


正则 表达 式 字 符 集 
Regexp Class 


(S) any Unicode character except / and \ 
and [ and ] and ^and - and 
control character 
© 
regexp class escape 


正则 表达 式 字符 集 是 一 种 指定 一 组 字符 的 便利 方式 。 例 如 ， 如 果 想 
匹配 一 个 元 音字 母 ， 我 们 可 以 写 做 (?:aleliloln)， 但 它 可 以 被 更 方便 地 写 





regexp class 





成 一 个 类 [aeiou]。 


EFST ERRER Sa: hs oF? 2 
fr BOD EN, ANNs we? Ab || ~ 


类 提供 另外 两 个 便利 。 第 1 个 是 能 够 指定 字符 范围 。 所 以 ， 一 组 由 
32 个 ASCII 的 特殊 字符 组 成 的 集合 : 


你 可 以 写成 这 样 : 

PrP PM TAINS [%[&]INCIN) IN*INAT, EA NA :| ;1<1=1>1@INLINNTIIN 
稍微 好 看 一 些 的 写法 是 : 

[!-XX:-GN[- {-~] 


它 包括 从 ! 到 /、 从 :到 @、 从 [到 ` 和 从 [到 ~ 的 字符 。 但 它 看 起 来 依旧 
相当 难以 阅读 。 





另 一 个 方便 之 处 是 类 的 求 反 。 如 有 果 [ 后 的 第 一 个 字符 是 ^， 那 么 这 个 
类 会 排除 这 些 特殊 字符 。 


所 以 [AI-V:-G@N-{-~] 会 匹配 任何 一 个 非 ASCII 特 殊 字 符 的 字符 。 


IEW Bea FTE 
Regexp Class Escape 


regexp class escape 
backspace 


seca 
formfeed 
prm 

(n) 

Q return 

© 4 


hexadecimal 
digits 


















feae 

O o 2 
word character 

© 


any special character 






字符 类 内 部 的 转 义 规则 和 正则 表达 式 因 子 的 相 比 稍 有 不 同 。 此 处 的 
Mb] 是 退 格 符 。 下 面 是 在 字符 类 中 需要 被 转 义 的 特殊 字符 : 





-/[AN1]TA^ 


正则 表达 式 量词 
Regexp Quantifier 


正则 表达 式 因子 可 以 用 一 个 正则 表达 式 量词 后 绥 来 决定 这 个 因子 应 
该 被 匹配 的 次 数 。 包 围 在 一 对 花 括 号 中 的 一 个 数字 表示 这 个 因子 应 该 被 
匹配 的 次 数 。 所 以 ，/www/ 匹 配 的 和 /w{3}/ 一 样 ，{3,6} 会 匹配 3、4、5 或 
6 次 ，{3,} 会 匹配 3 次 或 更 多 次 。 





regexp quantifier 





?等 同 于 {0,1}，* 等 同 于 {0,}，+ 则 等 同 于 {1,}。 


如 果 只 有 一 个 量词 ， 表 示 趋 癌 于 进行 贫 攀 性 匹配 ， 即 匹配 尽 可 能 
的 副本 直至 达到 上 限 。 如 果 这 个 量词 附加 一 个 后 级 ?"， 则 表示 趋向 于 进 
行 非 贷 梦 匹 配 ， 即 只 匹配 必要 的 副本 束 好 。 一 般 情况 下 最 好 坚持 使 用 贫 
禁 性 匹配 。 






































(1) Scheme， 一 种 多 范 型 的 编程 语言 ， 它 是 两 种 lisp 主 要 的 方言 之 一 。 而 lisp 〈 全 名 LISt 
Processor， 即 链表 处 理 语言 ) 是 由 约翰 麦卡锡 在 1960 年 左右 创造 的 一 种 基于 入 演算 的 函数 式 编 
程 语言 。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wiki/Scheme 利 
http://zh.wikipedia.org/wiki/Lisp。 

(2) Self 语 言 ， 是 一 种 基于 原型 的 面向 对 象 程序 设计 语言 ， 于 1986 年 由 施乐 帕 洛 阿尔 托 研 究 
中 心 的 David Ungar 和 Randy Smith 给 出 了 最 初 的 设计 。 更 多 详细 内 容 请 参见 
http://zh.wikipedia.org/wiki/Self_if 5 o 

(3) FERC. WAT RE, FSS Be Ad BS a BCL AS Ach EY) ZS SUE 
言 。 更 多 相关 内 容 请 参见 http://zh.wikipedia.org/wiki/ 形 式 语言 。 

(4) 当 你 把 它们 全 部 写 在 一 起 时 ， 在 视觉 上 是 相当 难以 辨识 的 : /^(?:([A-Za-z]+):)? (V{0,3}) 
([0-9.\-A-Za-z]+)(?::0\d-+))2(2: (LAP) RAN)? 

(5) ”比如 RegExp 对 象 的 exec 方 法 和 test 方 法 ， 作 者 不 建议 在 test 方 法 中 对 正则 表达 式 使 用 g 标 
识 。 再 比如 String 的 match 方 法 和 search 方 法 ，search 方 法 会 忽略 g 标 识 。 更 多 内 容 可 参见 下 一 章 的 
































































































































(6) 基本 多 语言 面 (Basic Multilingual Plane, BMP) ,或 者 称 第 0 平面 (Plane 0) ， 是 
Unicode 中 的 一 个 编码 区 段 。 编 码 从 U+0000 至 U+FFFF。 详 细 信 息 见 http://zh.wikipedia.org/wiki/ 基 























本 多 文 种 平面 。 


第 8 章 
万 法 
Methods 


他 虽 疯 ,但 却 有 他 的 一 套 理论 。 


一 一 威廉 。 水 士 比 亚 ，《 上 丹麦 王子 ,哈姆雷特 的 翡 剧 》 (The 
Tragedy of Hamlet, Prince of Denmark) 


JavaScript 包 含 了 一 套 小 型 的 可 用 在 标准 类 型 上 的 标准 方法 集 。 


Array 


array.concat(item...) 


concat 方 法 产生 一 个 新 数组 ， 它 包含 一 份 array 的 浅 复制 (shallow 
copy) 并 把 一 个 或 多 个 参数 item 附 加 在 其 后 。 如 果 参 数 item 是 一 个 数 
组 ， 那 么 它 的 每 个 元 素 会 被 分 别 添 加 。 后 面 你 还 会 看 到 和 它 功 能 类 似 的 
array.push(item...) 方 法 。 


var a = ['a', 'b', 'c']; 
var b = ['x', 'y', 'z']; 
var c = a.concat(b, true); 


// c 变 成 ['a', 'b', “er, 'x', 'y', 'z', true] 
array.join(separator) 


join 方 法 把 一 个 array 构 造成 一 个 字符 串 。 它 先 把 qrray 中 的 每 个 元 素 
构造 成 一 个 字符 串 ， 接 着 用 一 个 separator 分 隔 符 把 它们 连接 在 一 起 。 默 
认 的 separator 是 逗号 ','。 要 想 做 到 无 间隔 的 连接 ， 我 们 可 以 使 用 空 字 符 
串 作为 separator。 


如 果 你 想 把 大 量 的 字符 串 片 段 组 装 成 一 个 字符 串 ， 把 这 些 片 段 放 到 
一 个 数组 中 并 用 join 方 法 连接 起 来 通常 比 用 + 元 素 运 算 符 连接 这 些 片 段 要 
RO, 


var a = ['a', 'b', 'c']; 
a.push('d'); 


var c = a.join(''); // c Æ 'abcd'; 


array.pop( ) 


pop 和 push 方 法 使 得 数组 array 可 以 像 堆栈 〈stack) 一 样 工作 。pop 方 
法 移 除 array 中 的 最 后 一 个 元 素 并 返回 该 元 素 。 如 果 该 array 是 empty， 它 
会 返回 undefined。 

var a = ['a', 'b', 'c']; 


var c = a.pop( ); //a Æ ['a', 'b']&c Æ 'c' 


pop 可 以 像 这 样 实现 : 


Array.method('pop', function ( ) { 
return this.splice(this.length - 1, 1)[0]; 
3); 


array.push(item...) 


push 方 法 把 一 个 或 多 个 参数 item 附 加 到 一 个 数组 的 尾部 。 和 concat 
方法 不 同 的 是 ， 它 会 修改 array， 如 果 参 数 item 是 一 个 数组 ， 它 会 把 参数 
数组 作为 单个 元 素 整个 添加 到 数组 中 ， 并 返回 这 个 array 的 新 长 度 值 。 


var a = ['a 'b', 'c']; 


var B's ky Sythe 2h 
var c = a.push(b, true); 


Jia 是 ['a', al Oma sco [2 'y', 'z'], true] 


push 可 以 像 这 样 实现 : 


Array.method('push', function ( ) { 
this.splice.apply( 
this, 
[this.length, 0]. 
concat(Array.prototype.slice.apply(arguments))); 


return this.length; 


}); 


array.reverse( ) 


reverse 方 法 反 转 array 里 的 元 素 的 顺序 ， 并 返回 array 本 刁 : 


Var a = ['a', 'b', 'c']; 
var b = a.reverse( ); 


// a ĵe b AB ['c', 'b', 'a'] 


array.shift( ) 





shift 777244 RA Harray FRBI AMRA REZI. WRT 


组 array 是 空 的 ， 它 会 返回 undefined。shift 通 常 比 pop 慢 得 多 : 


var a = ['a', 'b', 'c']; 


var c = a.shift( ); //a Æ ['b', 'c']&c Æ 'a' 


shift 可 以 这 样 实现 : 


Array.method('shift', function ( ) { 
return this.splice(0, 1)[0]; 
+); 


array.slice(start, end) 


slice 方 法 对 array 中 的 一 段 做 浅 复 制 。 首 先 复制 array[start]， 一 直 复 
制 到 array[end] 为 止 。end 参 数 是 可 选 的 ， 默 认 值 是 该 数组 的 长 度 
array.length。 如 果 两 个 参数 中 的 任何 一 个 是 负数 ，array.length 会 和 它们 
相 加 ， 试 图 让 它们 成 为 非 负数 。 如 果 start 大 于 等 于 array.leng 中 ， 得 到 的 
结果 将 是 一 个 新 的 空 数 组 。 千 万 别 把 slice 和 splice 弄 混 了 。 字 符 串 也 有 一 
个 同名 的 方法 ， 参 见 本 章 后 面 的 string.slice。 





var a = ['a', 'b', 'c']; 
var b = a.slice(0, 1); // b Æ ['a'] 
var c = a.slice(1); // c Æ ['b', 'c'] 


ou 


var d = a.Slice(1, 2); // d X ['b'] 


array.sort(comparefn) 


sort 方 法 对 array 中 的 内 容 进 行 排 序 。 它 不 能 正确 地 给 一 组 数字 排 


var n = [4, 8, 15, 16, 23, 42]; 
n.sort( ); 


// n Æ [15, 16, 23, 4, 42, 8] 





JavaScript 的 默认 比较 函数 把 要 被 排序 的 元 素 都 视 为 字符 串 。 它 尚未 
足够 智能 到 在 比较 这 些 元 系 之 前 移 检 测 它 们 的 类 型 ， 所 以 当 它 比较 这 些 
数字 的 时 候 ， 会 把 它们 转化 为 字符 串 ， 于 是 得 到 一 个 错 得 离谱 的 结果 。 





幸运 的 是 ， 你 可 以 使 用 自己 的 比较 函数 来 蔡 换 默认 的 比较 函数 。 你 
的 比较 函数 应 该 接受 两 个 参数 ， 并 且 如 果 这 两 个 参数 相等 则 返回 0， 如 
果 第 1 个 参数 应 该 排列 在 前 面 ， 则 返回 一 个 负数 ， 如 果 第 2 个 参数 应 该 排 
列 在 前 面 ， 则 返回 一 个 正 数 。〈 这 或 许 使 编程 老 前 辈 们 想起 了 
FORTRAN II 的 算术 正 语句 名。) 


n.sort(function (a, b) { 
return a - b; 
}); 
// n Æ [4, 8, 15, 16, 23, 42]; 


上 面 这 个 函数 可 以 使 数字 正确 排序 ， 但 它 不 能 使 字符 串 排 序 。 如 果 
我 们 想 要 给 任何 包含 简单 值 的 数组 排序 ， 必 须要 做 更 多 的 工作 : 


var m = ['aa', 'bb', ‘'a', 4, 8, 15, 16, 23, 42]; 
m.sort(function (a, b) { 
if (a === b) { 


return 0; 


} 
if (typeof a === typeof b) { 
return a<b? -1 : 1; 
} 
return typeof a < typeof b ? -1 : 1; 
H); 
// m Æ [4, 8, 15, 16, 23, 42, 'a', 'aa', 'bb'] 





如 果 大 小 写 不 重要 ， 你 的 比较 函数 应 该 在 比较 之 前 先 将 两 个 运算 数 
转化 为 小 写 。 此 外 请 参见 本 章 后 面 的 string.localeCompare。 


如 果 有 一 个 更 智能 的 比较 函数 ， 我 们 也 可 以 使 对 象 数组 排序 。 为 了 
让 这 个 事情 更 能 满足 一 般 的 情况 ， 我 们 将 编写 一 个 构造 比较 函数 的 孙 
Bl: 


// by BRIE L— SRL FA PEA BR, 
// FIBA RIT LK re AD AT HRB BE AT EP OY HOR why 
var by = function (name) { 
return function (o, p) { 
var a, b; 
if (typeof o === 'object' && typeof p === 'object' && o 


a = o[name]; 


b = p[name]; 
if (a === b) { 
return 0; 

} 


if (typeof a === typeof b) { 


}; 


} 


returna <b? -1 : 1; 


return typeof a < typeof b ? -1 : 1; 


} else { 


throw { 


}; 


}; 


var s= [ 


]; 


{first: ' 
{first: ' 
{first: ' 
{first: ' 
{first: ' 


{first: ' 


name: 'Error', 


message: ‘Expected an object when sorting by ' + 


Joe', last: 'Besser'}, 
Moe', last: 'Howard'}, 
Joe', last: 'DeRita'}, 
Shemp', last: 'Howard'}, 
Larry', last: 'Fine'}, 


Curly', last: 'Howard'} 


ou 


s.sort(by('first')); //7 s XR [ 


// 
// 
// 
// 
// 
// 


{first: 
{first: 
{first: 
{first: 
{first: 


{first: 


'Curly', last: '‘Howard'}, 
'Joe', last: 'DeRita'}, 
"Joe', last: ‘Besser'}, 
"Larry', last: 'Fine'}, 
'Moe', last: 'Howard'}, 


'Shemp', last: 'Howard'} 


// ] 


sort 方 法 是 不 稳定 的 急 ， 所 以 下 面 的 调用 : 


s.sort(by('first')).sort(by('last')); 


不 能 保证 产生 正确 的 序列 。 如 果 你 想 基 于 多 个 键 值 进行 排序 ， 你 需 
要 再 次 做 更 多 的 工作 。 我 们 可 以 修改 by 函数 ， 让 其 可 以 接受 第 2 个 参 
数 ， 当 主要 的 键 值 产生 一 个 匹配 的 时 候 ， 另 一 个 compare 方 法 将 被 调用 
以 决 出 高 下 。 
// by 哆 数 接受 一 个 成 员 名 字符 串 和 一 个 可 选 的 次 要 比较 哆 数 作 为 
// 并 返回 一 个 可 以 用 来 对 包含 该 成 员 的 对 象 数 组 进行 排序 的 比较 号 
// 当 olname] 和 p[name] 相 等 时 ， 次 要 比较 函数 被 用 来 决 出 高 下 。 
var by = function (name, minor) { 
return function (o, p) { 
var a, b; 
if (Oo && p && typeof o === 'object' && typeof p === 'ob 


a = o[name]; 


b = p[name]; 
if (a === b) { 
return typeof minor === 'function' ? minor(o, p) 
} 
if (typeof a === typeof b) { 


return a < b ? -1 : 1; 
} 
return typeof a < typeof b ? -1 : 1; 
} else { 


throw { 
name: 'Error', 
message: ‘Expected an object when sorting by ' + 


}; 


}; 
}; 
s.sort(by('last', by('first'))); //7 s z [ 
// {first: 'Joe', last: 'Besser'}, 
// {first: 'Joe', last: 'DeRita'}, 
// {first: 'Larry', last: 'Fine'}, 
// {first: 'Curly', last: 'Howard'}, 
// {first: 'Moe', last: 'Howard'}, 
// {first: 'Shemp', last: 'Howard'} 
// ] 


array.splice(start, deleteCount, item...) 


splice 方 法 从 array 中 移 除 一 个 或 多 个 元 素 ， 并 用 新 的 item 符 换 它 
们 。 参 数 start 是 从 数组 array 中 移 除 元 素 的 开始 位 置 。 参 数 deleteCount 是 
要 移 除 的 元 素 个 数 。 如 果 有 额外 的 参数 ， 那 些 item 会 插入 到 被 移 除 元 系 
的 位 置 上 。 它 返回 一 个 包含 被 移 除 元 素 的 数组 。 

var a = ['a', 'b', 'c']; 

var r = a.splice(1, 1, 'ache', 'bug'); 


// a Æ ['a', 'ache', 'bug', 'c'] 


// r 是 ['b'] 





splices ERAH be A PC © TIA EE splice il 


slice FH J: 
splice 可 以 像 这 样 实现 ; 


Array.method('splice', function (start, deleteCount) { 
var max = Math.max, 
min = Math.min, 
delta, 
element, 


insertCount = max(arguments.length - 2, 0), 


len = this.length, 
new_len, 
result = [ ], 


shift_count; 


start = start || 0; 
if (start < 0) { 
start += len; 
} 
start = max(min(start, len), 0); 
deleteCount = max(min(typeof deleteCount === 'number' ? 
deleteCount : len, len - start), 0); 
delta = insertCount - deleteCount; 


new_len = len + delta; 


while (k < deleteCount) { 
element = this[start + k]; 
if (element !== undefined) { 
result[k] = element; 
} 
k += 1; 
} 
shift_count = len - start - deleteCount; 
if (delta < 0) { 
k = start + insertCount; 
while (shift_count) { 
this[k] = this[k - delta]; 
k += 1; 
shift_count -= 1; 
} 
this.length = new_len; 
} else if (delta > 0) { 
[三 
while (shift_count) { 
this[new_len - k] = this[len - k]; 
k += 1; 
shift_count -= 1; 
} 
this.length = new_len; 
} 
for (k = 0; k < insertCount; k += 1) { 


this[start + k] = arguments[k + 2]; 


} 


return result; 


}); 


array.unshift(item...) 


unshift 方 法 像 push 方 法 一 样 ， 用 于 把 元 素 添 加 到 数组 中 ， 但 它 是 把 
item 插 入 到 array 的 开始 部 分 而 不 是 尾部 。 它 返回 array 的 新 的 length 针 : 


Var a = ['a', 'b', 'c']; 
var r = a.unshift('?', '@'); 
Ji a Æ ['2', '@', 'a', 'b', 'c'] 


// rr 是 5 


unshift 可 以 像 这 样 实现 : 


Array.method('unshift', function ( ) { 
this.splice.apply(this, 
[0, 0].concat(Array.prototype.slice.apply(arguments) )); 
return this.length; 


}); 


Function 


function.apply(thisArg, argArray) 


apply 方 法 调用 junction， 传 递 一 个 会 被 绑 定 到 this 上 的 对 象 和 一 个 可 
选 的 数组 作为 参数 。apply 方 法 被 用 在 apply 调 用 模式 (apply invocation 
pattern) 中 (参见 第 4 章 ) 。 


Function.method('bind', function (that) { 
var method = this, 
slice = Array.prototype.slice, 
args = slice.apply(arguments, [1]); 
return function ( ) { 
return method.apply(that, 
args.concat(slice.apply(arguments, [0]))); 
}; 
}); 


var x = function ( ) { 
return this.value; 

}.bind({value: 666}); 

alert(x( )); // 666 


Number 


number.toExponential(fractionDigits) 


toExponential 方 法 把 这 个 number 转 换 成 一 个 指数 形式 的 字符 串 。 可 
选 参数 fractionDigies 控 制 其 小 数 点 后 的 数字 位 数 。 它 的 值 必须 在 0 一 20: 


document.writeln(Math. 
document.writeln(Math. 
document.writeln(Math. 
document .writeln(Math. 


document.writeln(Math. 


3e+0 

3.14e+0 

3.1415927e+0 
3.1415926535897930e+0 
3.141592653589793e+0 


PI 


PI 


PI 


PI 


PI 


. toExponential(0)); 
. toExponential(2)); 
. toExponential(7)); 
. toExponential(16)); 


.toExponential( )); 


number.toF ixed(fraction Digits) 


toFixed 方 法 把 这 个 number 转 换 成 为 一 个 十 进 制 数 形式 的 字符 串 。 


选 参数 fractionDigies 控 制 其 小 数 点 后 的 数字 位 数 。 它 的 值 必须 在 0 一 20， 
默认 为 0: 


document .writeln(Math.PI.toFixed(0)); 
document .writeln(Math.PI.toFixed(2)); 
document .writeln(Math.PI.toFixed(7)); 
document .writeln(Math.PI.toFixed(16)); 


document .writeln(Math.PI.toFixed( )); 


14 
. 1415927 
. 1415926535897930 


Ww U U WO wm 


number.toPrecision(precision) 


toPrecision 方 法 把 这 个 number 转 换 成 为 一 个 十 进 制 数 形式 的 字符 
串 。 可 选 参 数 precision 控 制 数 字 的 精度 。 它 的 值 必须 在 0 一 21: 


document.writeln(Math.PI.toPrecision(2)); 
document.writeln(Math.PI.toPrecision(7)); 
document .writeln(Math.PI.toPrecision(16) ); 


document.writeln(Math.PI.toPrecision( )); 


3.1 

3.141593 
3.141592653589793 
3.141592653589793 


number.toString(radix) 


toString 方 法 把 这 number 转 换 成 为 一 个 字符 串 。 可 选 参数 radix 控 制 
基数 。 它 的 值 必须 在 2 一 36。 默 认 的 radix 是 以 10 为 基数 的 。radix 参 数 最 
常用 的 是 整数 ， 但 是 它 可 以 用 任意 的 数字 。 


在 最 普通 的 情况 下 ，number.toString( ) 可 以 更 简单 地 写 为 
String(number): 


document.writeln(Math.PI.toString(2)); 
document.writeln(Math.PI.toString(8)); 
document .writeln(Math.PI.toString(16)); 


document.writeln(Math.PI.toString( )); 


11. 001001000011111101101010100010001000010110100011 
3.1103755242102643 


3.243f6a8885a3 
3.141592653589793 


Object 


object.hasOwnProperty(name) 


如 果 这 个 object 包 含 一 个 名 为 name 的 属性 ， 那 么 hasOwnProperty 方 
法 返回 true。 原 型 链 中 的 同名 属性 是 不 会 被 检查 的 。 这 个 方法 对 name 就 
是 “hasOwnProperty” 时 不 起 作用 ， 此 时 会 返回 false: 








var a = {member: true}; 


var b = Object.create(a); // 来 自 第 3 = 


var t = a.hasOwnProperty('member'); // t 是 true 


var u = b.hasOwnProperty('member'); // u Æ false 


var v = b.member; // v Æ true 


RegExp 


regexp.exec(string) 





exec 方 法 是 使 用 正则 表达 式 的 最 强大 (和 最 慢 ) 的 方法 。 如 果 它 成 
功 地 匹配 regexp 和 字符 串 string， 它 会 返回 一 个 数组 。 数 组 中 下 标 为 0 的 
元 系 将 包含 正则 表达 式 regexp 匹 配 的 子 字符 串 。 下 标 为 1 的 元 素 是 分 组 1 
捕获 的 文本 ， 下 标 为 2 的 元 素 是 分 组 2 捕获 的 文本 ， 依 此 类 推 。 如 果 匹 配 
失败 ， 它 会 返回 null。 








如 果 regexp 带 有 一 个 g 标 识 ( 全 局 标识 ) ， 事 情 会 变 得 更 加 复杂 。 
查找 不 是 从 这 个 字符 串 的 起 始 位 置 开始 ， 而 是 从 regexp.lastIndex (初始 
值 为 0) 位 置 开 始 。 如 果 匹 配 成 功 ， 那 么 regexp.lastIndex 将 被 设置 为 该 匹 
配 后 第 一 个 字符 的 位 置 。 不 成 功 的 匹配 会 重 置 regexp.lastIndex 为 0。 





这 就 允许 你 通过 循环 调用 exec 去 查询 一 个 匹配 模式 在 一 个 字符 串 中 
发 生 了 几 次 。 有 两 件 事情 需要 注意 。 如 果 你 提前 退出 了 这 个 循环 ， 再 次 
进入 这 个 循环 前 必须 把 regexp.lastIndex 重 置 到 0。 而 且 ，^A 因 子 仅 匹 
配 regexp.lastIndex 为 0 的 情况 。 











// 把 一 个 简单 的 HTML 文本 分 解 为 标签 和 文本 。 
// (entityify 方法 请 参见 string. replace) 


// 对 每 个 标签 和 文本 ， 都 产生 一 个 数组 包含 如 下 元 素 : 
// [0] 整个 匹配 的 标签 和 文本 


// [1] / (A) ， 如 果 有 的 话 
// [2] 标签 名 
// [3] 属性 ， 如 果 有 任何 属性 的 话 


var text = '<html><body bgcolor=linen><p>' + 
'This is <b>bold<\/b>!<\/p><\/body><\/html>' ; 
var tags = /[4<>]+]<(\/?)([A-Za-z]+) ([<>]*)>/g; 


var a, i; 


while ((a = tags.exec(text))) { 
for (i = 0; i < a.length; i += 1) { 


document.writeln(('// [' +i + '] ' + a[i]).entityify( 


} 

document.writeln( ); 
} 
// 结果 : 


// [0] <html> 
// [1] 

// [2] html 
// [3] 


// [0] <body bgcolor=linen> 
// [1] 
// [2] body 


// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


bgcolor=linen 


<p> 


This is 
undefined 
undefined 


undefined 


<b> 


bold 
undefined 
undefined 


undefined 


</b> 


// [0] ! 

// [1] undefined 
// [2] undefined 
// [3] undefined 


// [0] </p> 
I Vay 

// [2] p 

// [3] 


// [0] </body> 
// [1] / 

// [2] body 

// [3] 


// [0] </html> 
// [1] 7 

// {2} html 

// [3] 


regexp.test(string) 


test 77 12 76 18 FA ERAR a MRR ATI. WRZ 
regexp 匹 配 string， 它 返回 true; 否则 ， 它 返回 false。 不 要 对 这 个 方法 使 
用 g 标 识 : 


var b = /&.+;/.test('frank &amp; beans'); 


// b Æ true 


test 可 以 像 这 样 实现 : 


RegExp.method('test', function (string) { 
return this.exec(string) !== null; 


}); 


String 


string.charAt(pos) 


charAt 方 法 返回 在 string 中 pos 位 置 处 的 字符 。 如 果 pos 小 于 0 或 大 于 
等 于 字符 串 的 长 度 string.length， 它 会 返回 空 字 符 串 。JavaScript 没 有 字 
FFÆ! (character type) 。 这 个 方法 返回 的 结果 是 一 个 字符 串 : 


var name = 'Curly'; 


var initial = name.charAt(0); // initial  'C' 


charAt 可 以 像 这 样 实 现 : 


String.method('charAt', function (pos) { 
return this.slice(pos, pos + 1); 


}); 


string.charCodeAt(pos) 


var name = 'Curly'; 


var initial = name.charCodeAt(0); // initial Æ 67 


charCodeAt 方 法 同 charAt 一 样 ， 只 不 过 它 返 回 的 不 是 一 个 字符 串 ， 
而 是 以 整数 形式 表示 的 在 string 中 的 pos 位 置 处 的 字符 的 字符 码 位 。 如 果 
pos 小 于 0 或 大 于 等 于 字符 串 的 长 度 string.length， 它 返回 NaN。 





string.concat(string...) 


var s = 'C'.concat('a', 't'); // s 是 "Cat! 


concat 方 法 把 其 他 的 字符 串 连 接 在 一 起 来 构造 一 个 新 的 字符 串 。 它 
很 少 被 使 用 ， 因 为 用 + 运算 符 更 为 方便 : 


string.indexOf(searchString, position) 


indexOf 方 法 在 string 内 查找 另 一 个 字符 串 searchString。 如 果 它 被 找 
到 ， 返 回 第 1 个 匹配 字符 的 位 置 ， 人 否则 返回 -1。 可 选 参数 position 可 设置 
从 string 的 某 个 指定 的 位 置 开 始 簿 找 : 





var text = 'Mississippi'; 
var p = text.indexOf('ss'); // p % 2 
p = text.indexOf('ss', 3); // p 5 


p = text.indexOf('ss', 6); // p Š -1 


string.lastIndexOf(searchString, 
position) 





lastIndexOf 方 法 和 indexOf 方 法 类 似 ， 只 不 过 它 是 从 该 字符 串 的 末尾 
开始 查找 而 不 是 从 开头 : 


var text = 'Mississippi'; 


var p = text.lastIndexOf('ss'); // p #5 
p = text.lastIndexOf('ss', 3); // p % 2 


p = text.lastIndexOf('ss', 6); // p 是 5 


string.localeCompare(that) 


localeCompare 方 法 比较 两 个 字符 串 。 如 何 比较 字符 串 的 规则 没有 详 
细 说 明 。 如 果 string 比 字符 串 that 小 ， 那 么 结果 为 负数 。 如 果 它 们 是 相等 
的 ， 那 么 结果 为 0。 这 类 似 于 array.sort 比 较 函 数 的 约定 : 


var m = ['AAA', 'A', aa' ‘a', 'Aa', 'aaa']; 
m.sort(function (a, b) { 

return a.localeCompare(b); 
+); 


// m (Æ locale 设置 下 ) Æ ['a', 'A', ‘aa’, ‘Aa’, ‘aaa’ 


string.match(regexp) 


match 方 法 让 字符 串 和 一 个 正则 表达 式 进 行 匹 配 。 它 依据 g 标 识 来 决 
定 如 何 进 行 匹 配 。 如 果 没 有 g 标 识 ， 那 么 调用 string.match(regexp) 的 结果 
与 调用 regexp.exec(string) 的 结果 相同 。 人 然而， 如果 regexp 带 有 g 标 识 ， 那 
么 它 生 成 一 个 包含 所 有 匹配 〈 除 捕获 分 组 之 外 ) 的 数组 : 





var text = '<html><body bgcolor=linen><p>' + 
'This is 4<b>bold<\/b>!<\/p><\/body><\/html1>' ; 


var tags = /[4<>]+|<(\/?)([A-Za-z]+) ([%<>]*)>/g; 


var a, i; 
a = text.match(tags); 
for (i = 0; i < a.length; i += 1) { 


document.writeln(('// [' +i + '] ' + a[i]).entityify( )); 


// 结果 : 


// [0] <html> 
// [1] <body bgcolor=linen> 
// [2] <p> 

// [3] This is 
// [4] <b> 

// [5] bold 

// [6] </b> 

// [7] ! 

// [8] </p> 

// [9] </body> 
// [10] </html> 


string.replace(searchValue, 
replaceValue) 


replace 方 法 对 string 进 行 但 找 和 蔡 换 操作 ， 并 返回 一 个 新 的 字符 
串 。 参 数 searchValue 可 以 是 一 个 字符 串 或 一 个 正则 表达 式 对 象 。 如 果 它 


是 一 个 字符 串 ， 那 么 searchValue 只 会 在 第 1 次 出 现 的 地 方 被 蔡 换 ， 所 以 
下 面 的 代码 结果 是 "mother-in_law": 


var result = "mother_in_law".replace('_', '-'); 
这 或 许 令 你 失望 。 


如 果 searchValue 是 一 个 正则 表达 式 并 且 带 有 g 标 识 ， 它 会 蔡 换 所 有 
的 匹配 。 如 果 没 有 带 g 标 识 ， 它 会 仅 蔡 换 第 1 个 匹配 。 

replaceValue 可 以 是 一 个 字符 串 或 一 个 函数 。 如 果 replaceValue 是 一 
个 字符 串 ， 字 符 $ 拥 有 特别 的 含义 : 


// 捕获 括号 中 的 3 个 数字 
var oldareacode = /\((\d{3})\)/g; 


var p = '(555)666-1212'.replace(oldareacode, '$1-'); 


// p 是 '555-666-1212' 





美元 符号 序列 E MT RR 


nil 
ln 


$& 整个 匹配 的 文本 
$number 分 组 捕获 的 文本 
$` 匹配 之 前 的 文本 
$' 匹配 之 后 的 文本 


如 果 replaceValue 是 一 个 函数 ， 那 么 每 遇 到 一 次 匹配 函数 就 会 被 调 
用 一 次 ， 而 该 函数 返回 的 字符 串 会 被 用 做 蔡 换 文本 。 传 递 给 这 个 函数 的 
第 1 个 参数 是 整个 被 匹配 的 文本 ， 第 2 个 参数 是 分 组 1 捕获 的 文本 ， 再 下 
一 个 参数 是 分 组 2 捕获 的 文本 ， 依 此 类 推 : 








String.method('entityify', function ( ) { 


var character = { 


'<' : '&lt;', 
> '&gt;', 
'&' : '&amp;', 
"i ; '&quot;' 


// 返回 string. entityify 方法 ， 它 返回 调用 替换 方法 的 结果 。 
// 它 的 replaceValue 函数 返回 在 一 个 对 象 中 查找 一 个 字符 的 结果 
// 这 种 对 象 的 用 法 通常 优 于 switch 语句 。 
return function ( ) { 
return this.replace(/[<>&"]/g, function (c) { 
return character[c]; 
t); 
ti 


}( )); 
alert("<&>".entityify( )); // &lt;&amp;&gt; 


string.search(regexp) 


search 方 法 和 indexOf 方 法 类 似 ， 只 是 它 接 受 一 个 正则 表达 式 对 象 作 
为 参数 而 不 是 一 个 字符 串 。 如 果 找 到 匹配 ， 它 返回 第 1 个 匹配 的 首 字符 
人 位置， 如果 没 有 找到 匹配 ， 则 返回 一 1。 此 方法 会 忽略 g 标 识 ， 且 没 
有 position 参 数 : 


var text = 'and in it he says "Any damn fool could'; 


var pos = text.search(/["']/); // pos 是 18 


string.slice(start, end) 





slice 方 法 复制 string 的 一 部 分 来 构造 一 个 新 的 字符 串 。 如 果 start 人 参数 
是 负数 ， 它 将 与 string.lengh 相 加 。end 参 数 是 可 选 的 ， 且 默认 值 
是 string.lengh。 如 果 end 参 数 是 负数 ， 那 么 它 将 与 string.length 相 加 。end 
参数 等 于 你 要 取 的 最 后 一 个 字符 的 位 置 值 加 上 1。 要 想得到 从 位 置 p 开 始 
的 n 个 字符 ， 束 用 string.slice(p, pt+n)。 同 类 的 方法 请 参见 本 章 随 后 要 介绍 
的 string.substring 和 之 前 介绍 的 array.slice。 





var text = ‘and in it he says "Any damn fool could'; 
var a = text.slice(18); 

// a 是 '"Any damn fool could' 

var b = text.slice(0, 3); 

// b 是 Vand" 

var c = text.slice(-5); 

// c 是 ‘could' 

var d = text.slice(19, 32); 


ou 


// d xe ‘Any damn fool' 


string.split(separator, limit) 





split 方 法 把 这 个 string 分 割 成 片段 来 创建 一 个 字符 串 数组 。 可 选 参 
数 jimit 可 以 限制 被 分 割 的 片段 数量 。separator 参 数 可 以 是 一 个 字符 串 或 
一 个 正则 表达 式 。 


如 果 separator 是 一 个 空 字符 ， 会 返回 一 个 单字 符 的 数组 : 


var digits = '0123456789'; 
var a = digits.split('', 5); 


Jia Æ ['0', sdy ‘27 de ae '4'] 


售 则 ， 此 方法 会 在 string 中 得 找 所 有 separator 出 现 的 地 方 。 分 隔 符 
两 边 的 每 个 单元 文本 都 会 被 复制 到 该 数组 中 。 此 方法 会 忽略 g 标 识 : 


var ip = '192.168.1.0'; 
var b = ip.split('.'); 


// b Æ ['192', '168', '1', '@'] 


var c = '|alblc|'.split('|'); 
TE Oe pe. Pag De ey r] 
var text = ‘last, first ,middle'; 
var d = text.split(/\s*,\s*/); 
// ad X [ 

// 'last', 

// 'first', 

// 'middle' 


// ] 


有 一 些 特例 须 特 别 注意 。 来 自分 组 捕获 的 文本 会 被 包含 在 被 分 割 后 
的 数组 中 : 


var e = text.split(/\s*(,)\s*/); 


//e ž [ 
// 'last', 
// yo a 


// 'first', 


m A 
//  'middle' 
// ] 


当 separator 是 一 个 正则 表达 式 时 ， 有 一 些 JavaScript 的 实现 乌 在 输出 
数组 中 会 排除 掉 空 字符 串 : 


var f = 'ljalb|[c|'.split(/\|/); 
// 在 一 些 系统 中 ， f Æ eee 'a', 'b', tet, Eis 
17 te FO ERY t Fe. a! “By OO] 


string.substring(start, end) 


substring 的 用 法 和 slice 方 法 一 样 ， 只 是 它 不 能 处 理 负数 参数 。 没 有 
任何 理由 去 使 用 substring 方 法 。 请 用 slice 奉 代 它 。 


string.toLocaleLowerCase( ) 


toLocaleLowerCase 方 法 返回 一 个 新 字符 串 ， 它 使 用 本 地 化 的 规则 把 
这 个 string 中 的 所 有 字母 转换 为 小 写 格 式 。 这 个 方法 主要 用 在 土耳其 语 
上 ， 因 为 在 土耳其 语 中 十 转换 为 ‘1?， 而 不 是 定 。 





string.toLocaleUpperCase( ) 


toLocaleUpperCase 方 法 返回 一 个 新 字符 串 ， 它 使 用 本 地 化 的 规则 把 
这 个 string 中 的 所 有 字母 转换 为 大 写 格式 。 这 个 方法 主要 用 在 土耳其 语 
上 ， 因 为 在 土耳其 语 中 富 转 换 为 和 ， 而 不 是 江 。 





string.toLowerCase( ) 


toLowerCase 方 法 返回 一 个 新 的 字符 串 ， 这 个 string 中 的 所 有 字母 都 
被 转换 为 小 写 格 式 。 


string.toUpperCase( ) 


toUpperCase 方 法 返回 一 个 新 的 字符 串 ， 这 个 string 中 的 所 有 字母 都 
被 转换 为 大 写 格 式 。 


String.fromCharCode(char...) 


String. fromCharCode pk ZUR Hii — F BF Bg 0 J [EB] 7S FB 


var a = String.fromCharCode(67, 97, 116); 


// a Æ 'Cat' 

















(1) 作者 编写 本 书 的 时 候 ，IE6/7 在 浏览 器 市 场 还 占据 着 大 量 的 市 场 份额 。 对 于 IE6/7， 使 用 
Array join( ) 连 接 大 量 字 符 串 的 效率 确实 优 于 使 用 + 元 素 运 算 符 。 但 目前 主流 的 浏览 器 ， 包 括 IE8 
以 后 的 版 本 ， 都 对 + 元 素 运算 符 连 接 字符 串 做 了 特别 优化 ， 性 能 已 经 显著 高 于 Array.join( ). H 
前 在 大 多 数 情况 下 ， 建 议 连接 字符 串 首选 使 用 + 元 素 运算 符 。 更 为 详细 的 内 容 请 参考 《高 性 能 网 
站 建设 进 阶 指南 》 中 字符 串 优 化 相关 章节 。 

(2) FORTRAN 中 的 算术 IF 语句 ， 形 如 : if@labell, ，label2，1label3，i<0 执 行 label1，i=0 执 行 
label2，i>0 执 行 label3。 新 版 本 的 FORTRAN 已 不 再 支持 算术 IF 语句 。 


(3) 排序 的 稳定 性 是 指 排序 后 数组 中 的 相等 值 的 相对 位 置 没有 发 生 改变 ， 而 不 稳定 性 排序 则 
会 改变 相等 值 的 相对 位 置 。 详 细 内 容 请 参见 http://zh.wikipedia.org/wiki/ 排 序 算法 。JavaScript 的 
sort 方 法 的 稳定 性 根据 不 同 浏览 器 的 实现 而 不 一 致 。 可 参见 
http://developer.mozilla.org/Cn/Core_JavaScript_1.5_Reference/Global_Objects/Array/Sort 中 的 介 
绍 。 






















































































(4) IE6 之 前 的 浏览 器 中 ，JScript 引 擎 对 unshift 方 法 的 实现 有 错误 ， 它 的 返回 值 永远 
undefined。IE7 之 后 的 于 系列 浏览 器 已 经 修正 了 这 个 错误 。 

(5) 根据 译 者 的 测试 ， 在 主流 浏览 器 中 ， 只 有 下 8 及 之 前 版 本 的 下 浏览 器 会 在 输出 的 数组 结 
果 中 排除 空 字符 串 ，IE9 已 经 修复 了 这 个 问题 。 
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威廉 。 莎 士 比 亚 ，《 享 利 六 世上 篇 》 (The First Part of 
Henry the Sixth) 











电脑 程序 是 人 类 制造 出 来 的 最 复杂 的 玩意 儿 。 程 序 通 常 由 很 多 部 分 
组 成 ， 表 现 为 函数 、 语 句 和 表达 式 ， 它 们 必须 准确 无 误 地 按照 顺序 排 
列 。 而 运行 时 行为 《runtime behavior) 几乎 和 实现 它 的 程序 没有 什么 相 
似 之 处 。 在 软件 的 产品 生命 周期 中 ， 它 们 通常 都 会 被 修改 。 把 一 个 正确 
的 程序 转化 为 为 一 个 同样 正确 但 风格 不 同 的 程序 ， 是 一 个 极 具 挑战 性 的 


过 程 。 














优 务 的 程序 拥有 一 个 前 脆性 的 结构 ， 它 会 预见 到 在 未 来 才 可 能 需要 
的 修改 ， 但 不 会 让 其 成 为 过 度 的 负担 。 优 秀 的 程序 还 会 具备 一 种 清晰 的 
表达 方式 。 如 采 一 个 程序 被 表达 得 很 好 ， 那 么 我 们 就 能 更 加 容易 地 去 理 
解 它 ， 以 便 成 功 地 改造 或 修补 它 。 








这 些 观点 适用 于 所 有 的 编程 语言 ， 而 对 JavaScript 来 说 尤为 如 此 。 
JavaScript 的 弱 类 型 和 过 度 的 容错 性 导致 程序 质量 无 法 在 编译 时 获得 保 
障 ， 所 以 为 了 弥补 ， 我 们 应 该 按照 严格 的 规范 进行 编码 。 





JavaScript 包 含 大 量 脆弱 的 、 问 题 绰 喘 的 特性 ， 它 们 会 妨碍 我 们 写 出 
优秀 的 程序 。 显 然 我 们 应 该 避免 JavaScript 里 那些 糟糕 的 特性 。 但 别 吃 


惊 ， 或 许 我 们 也 应 该 避免 掉 那 些 平时 很 有 用 但 偶尔 也 有 害 的 特性 。 这 样 
的 特性 让 人 既 爱 又 恨 ， 然 而 ， 一 旦 避免 它们 ， 就 能 避免 一 大 类 潜在 的 错 
误 。 


对 于 一 个 组 织 机 构 来 说 ， 软 件 的 长 远 价值 和 代码 库 的 质量 成 正比 。 
在 程序 的 生命 周期 里 ， 会 经 历 很 多 人 的 测试 、 使 用 和 修改 。 如 果 一 个 程 
序 能 很 清楚 地 传达 它 的 结构 和 特性 ， 那 么 当 它 在 并 不 遥远 的 将 来 被 修改 
时 ， 它 被 破坏 的 可 能 性 就 小 很 多 。 





JavaScript 代 码 经 党 被 直接 发 布 。 它 应 该 自始至终 具备 发 布 质量 ， 要 
干净 利落 。 通 过 在 一 个 清晰 且 始 终 如 一 的 风格 下 编写 ， 你 的 程序 会 变 得 
易于 阅读 。 


程序 员 会 无 休止 地 讨论 展 好 的 风格 是 由 什么 构成 的 。 大 多 数 程序 员 
会 坚持 他 们 过 去 的 应 用 经 验 ， 比 如 他 们 在 学 校 或 在 他 们 第 一 份 工作 时 学 
到 的 流行 的 风格 。 他 们 中 的 一 些 人 拥有 高 薪 的 工作 ， 但 完全 没有 代码 风 
格 的 意识 。 这 是 否 证 明了 风格 其 实 根 本 不 重要 ? 就算 风格 不 重要 ， 风 格 
之 间 是 否 有 优 务 之 分 呢 ? 








事实 证 明代 码 风 格 在 编程 中 是 很 重要 的 ， 就 像 文字 风格 对 于 写作 很 
重要 一 样 。 好 的 风格 让 代码 能 更 好 地 被 阅读 。 





电脑 程序 有 时 候 被 认为 不 是 用 来 读 的 ， 所 以 只 要 它 能 工作 ， 写 成 怎 
样 是 不 重要 的 。 但 是 结果 证 明 ， 如 果 程 序 可 读 性 强 ， 它 正常 运行 的 可 能 
性 ， 以 及 是 否 准确 按照 我 们 的 意图 去 工作 的 可 能 性 也 显著 增强 。 它 还 决 
定 了 软件 在 其 生命 周期 中 能 否 进行 扩展 。 如 果 我 们 能 阅读 并 且 理 解 程 
序 ， 那 么 就 有 和 希望 去 修改 和 完善 它 。 





贯穿 本 书 ， 我 始终 采用 一 致 的 风格 。 我 的 目的 是 使 代码 实例 尽 可 能 


易于 阅读 。 我 使 用 一 致 的 留 白 来 帮助 你 理解 我 的 程序 的 逻辑 思路 。 





我 对 代码 块 内 容 和 对 象 字 面 量 缩 进 4 个 空格 。 我 放 了 一 个 空格 在 让 和 
(之 间 ， 以 致 让 不 会 看 起 来 像 一 个 函数 调用 。 只 有 真 的 是 在 调用 时 ， 我 才 
使 (和 其 前 面 的 符 写 相 毗 连 。 我 在 除了 .和 [外 的 所 有 中 置 运算 符 的 两 边 都 
放 了 空格 ， 它 们 俩 无 须 空格 是 因为 它们 有 更 高 的 优先 级 。 我 在 每 个 喜 号 
和 冒号 后 面 都 使 用 一 个 空格 。 





我 在 每 行 最 多 放 一 个 语句 ， 在 一 行 里 放 多 条 语句 可 能 会 被 误 读 。 如 
果 一 个 语句 一 行 放 不 下 ， 我 会 在 一 个 冒号 或 二 元 运算 符 后 拆 开 它 ， 这 将 
更 好 地 防止 自动 插入 分 写 的 机 制 掩盖 复制 /粘贴 的 错误 ( 目 动 插入 分 号 
市 来 的 亚 剧 会 在 附录 A 里 披露 ) 。 我 给 折断 后 的 语句 的 其 余部 分 多 缩 进 
4 个 空格 ， 如 果 4 个 还 不 够 明显 ， 就 缩 进 8 个 空格 《〈 例 如 在 一 个 让 语句 的 条 
件 部 分 插入 一 个 换行 符 的 时 候 ) 。 











在 诸如 寺 和 while 这 样 结构 化 的 语句 里 ， 我 始终 使 用 代码 块 ， 因 为 这 
样 会 减少 出 错 的 概率 。 我 曾 看 到 过 : 


if (a) 


变 成 : 


if (a) 
b( ); 
c( ); 


这 是 一 个 很 难 被 发 现 的 错误 。 它 看 起 来 像 是 这 样 : 


if (a) { 


看 起 来 想 要 做 一 件 事情 但 实际 上 却 在 做 另 一 件 事情 的 代码 很 可 能 、 
致 bhug。 一 对 花 括 号 可 以 用 很 低廉 的 成 本 去 防止 那些 需要 昂贵 的 代价 才 
能 发 现 的 bug。 





我 一 直 使 用 K&R 出 风格 ， 把 { 放 在 一 行 的 结尾 而 不 是 下 一 行 的 开 
头 ， 因 为 它 会 避免 JavaScript 的 return 语 句 中 的 一 个 可 怕 的 设计 错误 。 

我 的 代码 包含 了 一 些 注释 。 我 喜欢 在 程序 中 放 入 注释 来 留 下 一 些 信 
妃 ， 以 后 ， 它 将 会 被 那些 需要 理解 我 当时 思路 的 人 们 《也 可 能 是 我 目 
CL) 疯 读 。 有 时 候 沉 得 注释 就 像 一 个 时 间 机 器 ， 我 用 它 发 送 重 要 的 信息 
给 未 来 的 我 。 

我 努力 保持 注释 是 最 新 的 。 错 误 的 注释 甚至 可 能 会 使 程序 更 加 难以 
疯 谈 和 理解 。 我 不 能 容忍 犯 下 那样 的 错误 。 

我 尽量 不 用 类 似 这 样 的 无 用 注释 去 浪费 你 的 时 间 : 


二 =0; // 设置 i 为 0。 





在 JavaScript 里 ， 我 更 喜欢 用 行 注释 。 我 把 块 注释 用 于 正式 的 文档 记 
录 和 注释 。 


我 更 喜欢 使 我 的 程序 结构 能 自我 说 明 (self-illuminating〉， 从 而 消 
除 对 注释 的 需要 。 我 并 非 每 次 都 能 做 到 ， 所 以 只 要 我 的 程序 还 不 尽 完 
美 ， 我 束 会 编写 注释 。 


JavaScript 拥 有 C 语 言 的 语法 ， 但 它 的 代码 块 没 有 作用 域 。 所 以 ， 变 
量 在 它们 第 1 次 使 用 时 被 声明 的 惯例 ， 对 JavaScript 来 说 却 是 糟糕 的 建 
议 。JavaScript 有 函数 作用 域 ， 但 是 没有 块 级 作用 域 ， 所 以 我 在 每 个 函数 
的 开始 部 分 声明 我 的 所 有 变量 。JavaScript 允 许 变量 在 它们 使 用 后 被 声 
明 。 那 对 我 来 说 感觉 像 是 一 个 错误 ， 我 不 布 望 我 写 的 程序 看 起 来 像 有 错 
误 。 我 希望 我 的 错误 被 突出 显示 出 来 。 相 似 地 ， 我 绝 不 在 一 个 让 的 条 件 
部 分 使 用 赋值 表达 式 ， 因 为 : 








if (a=b){...} 


if (a === b) { ... } 
我 想 要 避免 那些 看 起 来 像 有 错误 的 习惯 用 法 。 


我 绝 不 允许 switch 语 句 块 中 的 条 件 穿越 到 下 一 个 case 语 句 。 我 曾经 
在 我 的 代码 里 发 现 了 一 个 无 意识 的 “ 罕 越 ?导致 的 pug， 而 在 此 之 前 ， 我 
刚刚 油 情 说 浒 地 做 完 一 次 关于 如 何 妙用 " 罕 越 ?有 时 很 有 用 的 演讲 。 我 很 
笠 运 能 够 从 这 个 教训 中 有 上 所 收获 。 当 我 现在 评审 一 门 语言 的 特性 的 时 
候 ， 我 把 注意 力 放 在 那些 有 时 很 有 用 但 偶尔 很 危险 的 特性 上 。 那 些 是 最 
炉料 的 部 分 ， 因 为 我 们 很 难 辨别 它们 古 否 被 正确 使 用 。 那 是 bug 的 藏 对 








之 地 。 





在 JavaScript 的 设计 、 实 现 和 标准 化 的 过 程 中 ， 质 量 没 有 被 特别 天 
注 。 这 给 使 用 这 门 语言 的 用 户 增加 了 避免 其 缺陷 的 难度 。 


JavaScript 为 大 型 程序 提供 了 文 持 ， 但 它 也 带 有 不 利于 大 型 程序 的 形 
式 和 习惯 用 法 。 举 例 来 说 : JavaScript 可 以 方便 地 使 用 全 局 变量 ， 但 随 着 
程序 的 日 益 复 杂 ， 全 局 变量 逐渐 变 得 问题 重重 。 














对 一 个 脚本 应 用 或 工具 库 ， 我 只 用 唯一 一 个 全 局 变量 。 每 个 对 象 都 
有 筷 目 己 的 命名 空间 ， 所 以 我 很 容易 使 用 对 象 去 管理 代码 。 使 用 朵 包 能 
提供 进一步 的 信息 隐藏 ， 增 强 我 的 模块 的 健壮 性 号 。 








(1) K&R 代码 风格 ， 因 在 Kernighan 与 Ritchie 合 车 的 The C Programming Language 一 书 中 广泛 
采用 而 得 名 。 它 是 最 为 普 吉 的 C 语 言 代码 风格 。 更 多 具体 内 容 请 参见 
http://en.wikipedia.org/wiki/Indent_style#K.26R_style 和 http://en.wikipedia.org/wiki/K&R。 


(2) 作者 的 这 个 思想 在 YAHOO 的 JavaScript 库 YUI 中 得 到 了 彻底 的 贯彻 。 在 YUI 中 仅 用 到 两 
个 全 局 变量 : YAHOO 和 YAHOO_config。YUI 的 一 切 都 是 基于 一 种 模块 模式 来 实现 的 。 具 体 细 


He se 


PA WL http://dancewithnet.com/2007/12/04/a-javascript-module-pattern/. 
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优美 的 特性 
Beautiful Features 
ALT AD BP SbF ROM, RA Webs AMOUR, i 
MBP TRAC, FRAMED. KARER 
的 ……. 





威廉 。 莎 士 比 亚 ，《 空 爱 一 场 》 (Love's Labor's Lost) 


去 年 我 被 邀请 为 Andy Oram 和 Greg Wilson 的 Beautiful Code 
COReilly 出 版 ) 一 书写 一 篇 文章 ， 这 是 一 本 以 计算 机 程序 的 表达 之 美 
为 主题 的 选集 。 我 负责 的 章节 将 介绍 JavaScript， 通 过 那 一 部 分 来 证 明 
JavaScript 不 虚 其 名 ， 它 的 确 是 抽象 、 强 大 且 有 用 的 。 然 而 ， 我 想 避 开 不 
谈 浏览 器 和 其 他 适合 使 用 JavaScript 的 地 方 。 我 想 要 强调 其 更 有 分 量 的 内 
容 ， 以 显示 它 是 值得 尊敬 的 语言 。 











我 立即 想到 Vaughn Pratt 的 自 顶 向 下 的 运算 符 优 先 级 解析 器 名 (Top 
Down Operator Precedence parser) ， 我 在 JSLint 中 运用 了 它 。 在 计算 机 
的 信息 处 理 技术 中 ， 解 析 是 一 个 重要 的 主题 。 一 门 语言 是 否 具 备 为 其 自 
吴 编 写 一 个 编译 器 的 能 力 ， 仍 然 是 对 这 门 语言 完整 性 的 一 个 测试 。 











我 想 把 用 JavaScript 编 写 的 JavaScript 解 析 器 的 全 部 代码 都 包含 在 文 
曹 中 。 但 是 我 的 章节 仅 是 30 章 或 40 章 之 一 ， 我 感觉 被 束缚 在 那 几 页 短 短 
的 篇 幅 里 。 更 大 的 困难 是 大 部 分 读者 没有 使 用 JavaScript 的 经 验 ， 我 也 不 
得 不 介绍 这 门 语言 和 它 的 特色 。 
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言 ， 并 且 也 就 不 需要 描述 整个 语言 了 。 我 把 这 个 子 集 叫 做 精简 的 
JavaScript (Simplified JavaScript) 。 提 炼 子 集 并 不 难 : 它 包 括 的 就 是 我 


编写 解析 器 所 需要 的 特性 。 我 在 Beautiful Code 〈《 代 码 之 美 》) 一 书 中 
是 这 样 描述 的 。 





精简 的 JavaScript 里 都 是 好 东西 ， 包 括 以 下 主要 内 容 。 





函数 是 顶级 对 象 


在 精简 JavaScript 中 ， 了 函数 是 有 词法 作用 域 的 闭 包 (lambda) 。 





基于 原型 继承 的 动态 对 象 


对 象 是 无 类 别 的 。 我 们 可 以 通过 普通 的 赋值 给 任何 对 象 增加 一 
个 新 成 员 属 性 。 一 个 对 象 可 以 从 另 一 个 对 象 继承 成 员 属性 。 
对 象 字面 量 和 数组 字面 量 


这 对 创建 新 的 对 象 和 数组 来 说 是 一 种 非常 方便 的 表示 法 。 
JavaScript 字 面 量 是 数据 交换 格式 JSON 的 灵感 之 源 。 





HI 


子 集 包含 了 JavaScript 精 华中 最 好 的 部 分 。 尽 管 它 是 一 门 小 巧 的 语 
， 但 它 很 强大 且 非 常 富有 表现 力 。JavaScript 有 许多 本 不 应 该 加 入 的 额 








外 特性 ， 正 如 你 在 随后 的 附录 中 会 看 到 的 那样 ， 它 有 大 量 的 会 带 来 负面 
价值 的 特性 。 在 子 集中 没有 丑陋 或 糟糕 的 内 容 ， 筷 们 全 部 都 被 粒 除 了 。 


精简 的 JavaScript 不 是 一 个 严格 的 子 集 。 我 添加 了 少许 新 特性 。 最 简 
单 的 是 增加 了 pi 作为 一 个 简单 的 和 常量。 我 这 么 做 是 为 了 证 明 解 析 器 的 一 
个 特性 。 我 也 展示 了 一 个 更 好 的 保留 字 策 略 并 证 明 哪些 保留 字 是 多 余 
的 。 在 一 个 函数 中 ， 一 个 单词 不 能 既 被 用 做 变量 或 参数 名 ， 又 被 用 做 一 
个 语言 特性 。 你 可 以 让 某 个 单词 用 在 其 中 之 一 上 ， 并 人 允许 程序 员 自 己 选 
择 。 这 会 使 一 门 语言 易于 学 习 ， 因 为 你 没 必要 知道 你 不 会 使 用 的 特性 。 
并 且 它 会 使 这 门 语言 易于 扩展 ， 因 为 它 无 须 保留 更 多 的 保留 字 来 增加 新 


特性 。 














我 也 增加 了 块 级 作用 域 。 块 级 作用 域 不 是 一 个 必需 的 特性 ， 但 没有 
它 会 让 有 经 验 的 程序 员 感 到 困惑 。 包 含 块 级 作用 域 是 因为 我 预期 解析 器 
可 能 会 被 用 于 解析 非 JavaScript 语 言 ， 并 且 那 些 语言 能 正确 地 界定 作用 
域 。 我 编写 这 个 解析 器 的 代码 风格 不 天 心 块 作用 域 是 否 可 用 。 我 推荐 你 
也 采用 这 种 方式 来 写 。 


当 开 始 构思 本 书 的 时 候 ， 我 想 进 一 步 地 发 展 这 个 子 集 ， 我 想 展 示 除 
了 排除 低 价 值 特性 外 ， 如 何 通 过 不 做 任何 改变 来 获得 一 个 现 有 的 编程 语 
言 ， 并 且 使 它 得 到 有 效 的 改进 。 








我 们 看 到 大 量 的 特性 驱动 的 产品 设计 ， 其 中 特性 的 成 本 没有 被 正确 
计算 。 对 于 用 户 来 说 ， 茶 些 特 性 可 能 有 一 些 负面 价值 ， 因 为 它们 使 产品 
更 加 难以 理解 和 使 用 。 我 们 发 现 人 们 想 要 的 产品 其 实 只 要 能 工作 即 可 。 
事实 证 明 产 生 恰好 可 以 工作 的 设计 比 集合 一 大 溃 特 性 的 设计 要 困难 得 
多 。 


特性 有 规定 成 本 、 设 计 成 本 和 开发 成 本 ， 还 有 测试 成 本 和 可 靠 性 成 
本 。 特 性 越 多 ， 东 个 特性 出 现 问题 ， 或 者 和 其 他 特性 相互 干扰 的 可 能 性 
就 越 大 。 在 软件 系统 中 ， 存 储 成 本 是 无 足 轻重 的 ， 但 在 移动 应 用 中 ， 丘 
又 变 得 重要 了 。 它 们 抬 高 了 电池 的 效能 成 本 ， 因 为 摩尔 定律 并 不 适用 于 
电池 。 














特性 有 文档 成 本 。 每 个 特性 都 会 让 产品 指南 变 得 更 厚 ， 从 而 增加 了 
培训 成 本 。 只 对 少数 用 户 有 价值 的 特性 增加 了 所 有 用 户 的 成 本 。 所 以 在 
设计 产品 和 编程 语言 时 ， 我 们 希望 直接 使 用 核心 的 精华 部 分 ， 因 为 是 这 
些 精华 创造 了 大 部 分 的 价值 。 





在 我 们 使 用 的 产品 中 ， 总 能 找到 好 的 部 分 。 我 们 喜欢 简单 ， 追 求 简 
洁 易 用 ， 但 是 当 产品 缺乏 这 种 特性 时 ， 就 要 自己 去 创造 它 。 微 波 炉 有 一 
大 堆 特 性 ， 但 是 我 只 会 用 襄 调 和 定时 ， 使 用 定时 功能 就 足够 腑 烦 的 了 。 
对 于 特性 驱动 型 的 设计 ， 我 们 唯 有 人 靠 找 出 它 的 精华 并 坚持 使 用 ， 才 能 
好 地 应 对 其 复杂 性 。 
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(1) Beautiful Code 是 O'Reilly 2007 年 6 月 出 版 的 书籍 ， 参 见 http:/oreilly.com/catalog/9780 
596510046/。 





(2) 详细 内 容 请 参阅 作者 的 文章 Top Down Operator Precedence parser 
—http://javascript.crockford.com/tdop/tdop. html . 





附录 A 
Awful Parts 


那 会 在 一 言 一 行 中 证 明 其 可 怕 。 


一 一 威廉 。 莎 士 比 亚 ，《 泰 尔 亲 王 佩 里 克利 斯 》 (Pericles, 
Prince of Tyre) 


在 本 附录 中 ， 我 会 展示 JavaScript 的 一 些 难以 避免 的 问题 特性 。 你 必 
须知 道 这 些 问 题 并 准备 好 应 对 的 措施 。 


全 局 变量 
Global Variables 


在 JavaScript 所 有 的 粳 糕 特性 之 中 ， 最 为 糟糕 的 一 个 就 是 它 对 全 局 变 
量 的 依赖 。 全 局 变量 就 是 在 所 有 作用 域 中 都 可 见 的 变量 。 全 局 变量 在 微 
型 程序 中 可 能 会 带 来 方便 ， 但 随 着 程序 变 得 越 来 越 大 ， 它 们 很 快 变 得 难 
以 省 理 。 因 为 一 个 全 局 变量 可 以 被 程序 的 任何 部 分 在 任意 时 间 修 改 ， 它 
们 使 得 程序 的 行为 变 得 极度 复业 。 在 程序 中 使 用 全 局 变量 降低 了 程序 的 
可 靠 性 。 


























全 局 变量 使 得 在 同一 个 程序 中 运行 独立 的 子 程序 变 得 更 难 。 如 果 茶 
些 全 局 变量 的 名 称 碰 巧 和 子 程序 中 的 变量 名 称 相 同 ， 那 么 它们 将 会 相互 
冲突 ， 可 能 导致 程序 无 法 运行 ， 而 且 通 常 难 以 调试 。 














许多 编程 语言 都 有 全 局 变量 。 例 如 ，Java 中 的 public static 成 员 属 性 
就 是 全 局 变量 。JavaScript 的 问题 不 仪 在 于 它 允 许 使 用 全 局 变量 ， 而 且 在 
于 它 依赖 全 局 变量 。JavaScript 没 有 链接 占 (inker) ， 所 有 的 编译 单元 
都 载 入 一 个 公共 全 局 对 象 中 。 

















共有 3 种 方式 定义 全 局 变量 。 第 1 种 是 在 任何 函数 之 外 放置 一 个 var 
语句 : 


var foo = value; 





第 2 种 是 直接 给 全 局 对 象 添加 一 个 属性 。 全 局 对 象 是 所 有 全 局 变量 
的 容器 。 在 Web 浏 览 器 里 ， 全 局 对 象 名 为 window: 


window.foo = value; 





第 3 种 是 直接 使 用 未 经 声明 的 变量 ， 这 被 称 为 隐 式 的 全 局 变量 : 


foo = value; 








这 种 方式 本 来 是 为 方便 初学 者 ， 有 意 让 变量 在 使 用 前 无 须 声明 。 遗 
憾 的 是 ， 息 记 声明 变量 成 了 一 个 非常 普 衣 的 错误 。JavaScript 的 集 略 是 让 
那些 起 记 预 完 声明 的 变量 成 为 全 局 变量 ， 这 导致 弃 找 bug 非 第 困难 。 


作用 域 
Scope 





JavaScript 的 语法 来 源 于 C。 在 所 有 其 他 类 似 C 语 言 风格 的 语言 里 ， 
一 个 代码 块 〈 括 在 一 对 花 括 号 中 的 一 组 语句 ) 会 创造 一 个 作用 域 。 代 码 





块 中 声明 的 变量 在 其 外 部 是 不 可 见 的 。JavaScript 采 用 了 这 样 的 块 语法 ， 
却 没 有 提供 块 级 作用 域 : 代码 其 中 声明 的 变量 在 包含 此 代码 块 的 函数 的 
任何 位 置 都 是 可 见 的 。 这 让 有 其 他 语言 编码 经 验 的 程序 员 们 大 为 意外 。 











在 大 多 数 语言 中 ， 一 般 来 说， 声明 变量 的 最 好 的 地 方 是 在 第 一 次 用 
到 它 的 地 方 。 但 这 种 做 法 在 JavaScript 里 反而 是 一 个 坏 习 惯 ， 因 为 它 没有 
块 级 作用 域 。 更 好 的 方式 是 在 每 个 函数 的 开头 部 分 声明 所 有 变量 。 


目 动 插入 分 号 


Semicolon Insertion 





JavaScript 有 一 个 自动 修复 机 制 ， 它 试图 通过 自动 插入 分 写 来 修正 有 
缺损 的 程序 。 但 是 ， 生 万 不 要 指望 它 ， 它 可 能 会 掩盖 更 为 严重 的 错误 。 


有 了 时 它 会 不 合 时宜 地 插入 分 号。 请 考虑 在 retum 语 句 中 自动 插入 分 
写 导致 的 后 果 。 如 果 一 个 returmn 语 句 返 回 一 个 值 ， 这 个 值 表达 式 的 开始 
部 分 必须 和 return 位 于 同一 行 : 


return 
{ 
status: true 


}; 


这 看 起 来 是 要 返回 一 个 包含 status 成 员 元 素 的 对 象 。 遗 憾 的 是 ， 上 自 
动 插入 分 号 让 它 变 成 了 返回 undefined。 自 动 插 入 分 号 导致 程序 被 误解 ， 
却 没有 任何 警告 提醒 。 如 果 把 { 放 在 上 一 行 的 尾部 而 不 是 下 一 行 的 头 部 
就 可 以 避免 该 问题 : 











return { 
status: true 


3; 


is FA 
Reserved Words 


下 面 的 单词 在 JavaScript 里 被 保留 : 


abstract boolean break byte case catch char class const conti 
delete do double else enum export extends false final finally 
if implements import in instanceof int interface long native 
protected public return short static super switch synchronize 


transient true try typeof var volatile void while with 





这 些 单词 中 的 大 多 数 并 没有 在 语言 中 使 用 。 





它们 不 能 被 用 来 命名 变量 或 参数 中 。 当 保留 字 被 用 做 对 象 字面 量 的 
键 值 时 ， 它 们 必须 被 引号 括 起 来 。 它 们 不 能 被 用 在 点 表示 法 中 ， 所 以 有 
时 必须 使 用 括号 表示 法 : 


var method; // ok 
var class; // 非法 
object = {box: value}; // ok 


object = {case: value}; // 非法 
object = {'case': value}; // ok 


object.box = value; // Ok 


object.case = value; // 非法 


object['case'] = value; // ok 


Unicode 


JavaScript 设 计 之 初 ，Unicode 预 期 最 多 会 有 65536 个 字符 。 但 从 那 以 
后 它 的 容量 慢 慢 增长 到 了 拥有 一 百 万 个 字符 。 








JavaScript 的 字符 是 16 位 的 ， 那 足以 履 善 原 有 的 65536 个 字符 〈 现 在 
被 称 为 基本 多 文 种 平面 名 (Basic Multilingual Plane) ) 。 剩 下 的 百 万 字 
符 中 的 每 一 个 都 可 以 用 一 对 字符 来 表示 。Unicode 把 一 对 字符 视 为 一 个 

ea ee 








typeof 


typeof 运 算 符 返 回 一 个 用 于 识别 其 运算 数 类 型 的 字符 串 。 所 以 : 
typeof 98.6 


NIEN 


3B El'number'. iz PRAY: 


typeof null 


返回 '"object' 而 不 是 nul'。 这 简直 太 糟 糙 了 。 其 实 ， 有 更 简单 也 更 好 
的 检测 null 的 方式 : 


my_value === null 


一 个 更 大 的 问题 是 检测 对 象 的 值 。typeof 不 能 辨别 出 null 与 对 象 ， 但 
你 可 以 像 下 面 这 样 做 ， 因 为 null 值 为 假 ， 而 所 有 对 象 值 为 真 : 


if (my_value && typeof my_value === 'object') { 
// my_value 是 一 个 对 象 或 数组 ! 
} 


KIRIN ALAS, WA Bal Ja A TS “NaN” All“ fy BZA” o 


在 对 正则 表达 式 的 类 型 识别 上 ， 各 种 JavaScript 的 实现 不 太一 致 。 对 
于 下 面 的 代码 : 


typeof /a/ 


一 些 实现 会 返回 'object， 而 其 他 的 返回 function 急 。 如 果 返 
回 regexp' 可 能 会 更 有 用 些 ， 但 标准 不 允许 那么 做 。 


parselnt 


parseInt 是 一 个 把 字符 串 转 换 为 整数 的 函数 。 它 在 过 到 非 数 字 时 会 
停止 解析 ， 所 以 parseInt("16") 与 parseInt("16 ”tons") 产 生 相 同 的 结果 。 如 
果 该 函数 会 提醒 我 们 出 现 了 额外 文本 就 好 了 ， 但 它 不 会 那么 做 。 





如 果 该 字符 串 第 1 个 字符 是 0， 那 么 该 字符 串 会 基于 八进制 而 不 是 十 
进 制 来 求 值 。 在 八进制 中 ，8 和 9 不 是 数字 ， 所 以 parseInt("08") 和 
parseInt("09") 都 产生 0 作为 结果 。 这 个 错误 会 导致 程序 解析 日 期 和 时 间 
时 出 现 问 题 。 季 运 的 是 ，parseInt 可 以 接受 一 个 基数 作为 参数 ， 如 此 一 
来 parseInt("08", 10) 结 果 为 8。 我 建议 你 总 是 加 上 这 个 基数 参数 。 


+ 运算 符 可 以 用 于 加 法 运算 或 字符 串 连 接 。 它 完 竟 会 如 何 执行 取决 
于 其 参数 的 类 型 。 如 果 其 中 一 个 运算 数 是 一 个 空 字符 串 ， 它 会 把 男 一 个 
运算 数 转换 成 字符 串 并 返回 。 如 果 两 个 运算 数 都 是 数字 ， 它 返回 两 者 之 
和 。 人 否则 ， 它 把 两 个 运算 数 都 转换 为 字符 串 并 连接 起 来 。 这 个 复杂 的 行 
为 是 bug 的 第 见 来 源 。 如 果 你 打算 用 + 去 做 加 法 运算 ， 请 确保 两 个 运算 数 
都 是 整数 。 


浮 扩 数 
Floating Point 





二 进 制 的 浮 点 数 不 能 正确 地 处 理 十 进 制 的 小 数 ， 因 此 0.1+0.2 不 等 于 
0.3。 这 是 JavaScript 中 最 经 常 被 报告 的 bug， 并 且 它 是 遵循 二 进 制 浮 点 数 
算术 标准 (IEEE 754) 多 而 有 意 导 致 的 结果 。 这 个 标准 对 很 多 应 用 都 是 
适合 的 ， 但 它 违 背 了 大 多 数 你 在 中 学 所 学 过 的 关于 数字 的 知识 。 科 和 运 的 
是 ， 浮 点 数 中 的 整数 运算 是 精确 的 ， 所 以 小 数 表现 出 来 的 错误 可 以 通过 
指定 精度 来 避免 。 








举例 来 说 ， 美 元 可 以 通过 乘 以 100 而 全 部 转 成 美 分 ， 然 后 就 可 以 准 
确 地 将 美 分 相 加 。 它 们 的 和 可 以 再 除 以 100 转 换 回 美元 。 当 人 人 们 计算 货 
币 时 当然 会 期 望 得 到 精确 的 结果 。 





NaN 





NaN 是 IEEE 754 中 定义 的 一 个 特殊 的 数量 值 。 它 表示 的 不 是 一 个 数 
字 ， 尽 管 下 面 的 表达 式 返 回 的 是 true: 


typeof NaN === 'number' // true 


该 值 可 能 会 在 试图 把 非 数 字形 式 的 字符 串 转 换 为 数字 时 产生 。 例 
如 : 


+ '0' // © 


+ 'oops' // NaN 


如 果 NaN 是 数学 运算 中 的 一 个 运算 数 ， 那 么 结果 就 是 NaN。 所 以 ， 
如 果 你 有 一 个 公式 链 产 生出 NaN 的 结果 ， 那 肯定 要 么 其 中 一 个 输入 项 是 
NaN， 要 么 在 某 个 地 方 产 生 了 NaN。 


你 可 以 对 NaN 进 行 检 测 。 正 如 我 们 之 前 所 见 ，typeof 不 能 辨别 数字 
和 NaN， 而 且 NaN 也 不 等 同 于 它 自己 。 所 以 ， 下 面 的 代码 结果 令 人 慰 
WT: 


NaN === NaN // false 


NaN !== NaN // true 


JavaScript 提 供 了 一 个 isSNaN 函 数 ， 可 以 辨别 数字 与 NaN: 


isNaN(NaN) // true 
isNaN(0) // false 
isNaN('oops') // true 
isNaN('0') // false 





判断 一 个 值 是 否 可 用 做 数字 的 最 佳 方 法 是 使 用 isFinite 函 数 ， 因 为 它 


Sz ini RPINaN AlInfinity. HRAJE; isFiniteS iA EC Aa RANA 
一 个 数字 ， 所 以 ， 如 果 值 事实 上 不 是 一 个 数字 ， 它 就 不 是 一 个 好 的 测 
试 。 你 可 以 这 样 定 义 上 自己 的 iiNumber 函 数 : 





var isNumber = function isNumber(value) { 


return typeof value === 'number' && isFinite(value); 


伪 数 组 
Phony Arrays 


JavaScript 没 有 真正 的 数组 。 这 也 不 全 是 坏事 。JavaScript 的 数组 确 
实 非常 容易 使 用 。 你 不 必 给 它们 设置 维度 ， 而 且 它 们 永远 不 会 产生 越界 
Cout-of-bounds) 错误 。 但 它们 的 性 能 相 比 真正 的 数组 可 能 相当 糟 料 。 


typeof 运 算 符 不 能 辨别 数组 和 对 象 。 要 判断 一 个 值 是 否 为 数组 ， 你 
还 需要 检查 它 的 constructor 属 性 : 


if (my value && typeof my_value === 'object' && 
my_value.constructor === Array) { 
// my value 是 一 个 数组 。 
} 


上 面 的 检测 对 于 在 不 同 帧 或 窗口 创建 的 数组 将 会 给 出 false。 当 数组 
有 可 能 在 其 他 的 帧 中 被 创建 时 ， 下 面 的 检测 更 为 可 靠 : 


if (Object.prototype.toString.apply(my_value) === '[object Ar 


// my_value 确实 是 一 个 数组 ! 
} 


arguments 数 组 不 是 一 个 数组 ， 它 只 是 一 个 有 着 length 成 员 属 性 的 对 
象 。 上 面 的 检测 会 分 辨 出 arguments 并 不 是 一 个 数组 。 


{EEL 
Falsy Values 


JavaScript 拥 有 一 组 数量 奇 大 的 假 值 ， 请 参见 表 A-1。 


表 A-1: JavaScript 的 众多 假 值 





0 Number 
NaN 〈 非 数字 ) Number 

" CBP P) String 
false Boolean 
null Object 
undefined Undefined 


这 些 值 全 部 都 等 同 于 假 ， 但 它们 是 不 可 互 换 的 。 例 如 ， 要 想 确 定 一 
个 对 象 是 否 缺 少 一 个 成 员 属 性 ， 这 是 一 种 错误 的 方式 : 


value = myObject[name]; 
if (value == null) { 
alert(name + ' not found.'); 


} 


undefined 是 缺失 的 成 员 属 性 的 值 ， 但 这 段 代 人 码 里 用 null 来 测试 。 它 
使 用 了 会 强制 转换 类 型 的 == 运 算 符 (参见 附录 B) ， 而 不 是 更 可 靠 的 
=== 运 算 符 。 有 了 时 那 两 个 错误 会 彼此 抵消 ， 有 时 则 不 会 。 

















undefined 和 NaN 并 不 是 常量 名 。 它 们 居然 是 全 局 变量 ， 而 且 你 可 以 
改变 它们 的 值 。 那 本 是 不 应 该 的 ， 但 事实 确实 如 此 。 于 万 不 要 这 样 做 。 


hasOwnProperty 


在 第 3 章 中 ，hasOwnProperty 方 法 被 用 做 一 个 过 滤器 去 避 开 for in 语 
句 的 一 个 隐患 。 遗 憾 的 是 ，hasOwnProperty 是 一 个 方法 ， 而 不 是 一 个 运 
算 符 ， 所 以 在 任何 对 象 中 ， 它 可 能 会 被 一 个 不 同 的 函数 其 至 一 个 非 函 数 
的 值 所 蔡 换 : 





var name; 
another_stooge.hasOwnProperty = null; // 地 雷 
for (name in another_stooge) { 
if (another_stooge.hasOwnProperty(name)) { // 触 雷 


document.writeln(name + ': ' + another_stooge[name]); 


对 象 
Object 


Javascript 的 对 象 永远 不 会 是 真 的 空 对 象 ， 因 为 它们 可 以 从 原型 链 中 
取得 成 员 属 性 。 有 时 候 那 会 带 来 些 麻烦 。 例 如 ， 假 设 你 正在 编写 一 个 程 
序 去 计算 一 段 文本 中 每 个 单词 的 出 现 次 数 。 我 们 可 以 使 用 toLowerCase 
方法 统一 转换 文本 为 小 写 格式 ， 接 着 使 用 split 方 法 传 一 个 正则 表达 式 为 
参数 去 产生 一 个 单词 数组 。 然 后 可 以 遍历 该 组 单词 并 统计 我 们 看 到 的 每 
个 单词 出 现 的 次 数 : 








var 1; 
var word; 
var text = 
"This oracle of comfort has so pleased me, " + 
"That when I am in heaven I shall desire " + 
"To see what this child does, " + 
"and praise my Constructor."; 
var words = text.toLowerCase( ).split(/[\s,.]+/); 
var count = {}; 
for (i = 0; i < words.length; i += 1) { 
word = words[i]; 
if (count[word]) { 
count[word] += 1; 
} else { 


count[word] = 1; 


让 我 们 来 研究 该 结果 ，count[this] 的 值 为 2，count.heaven 的 值 是 1 
， 但 是 count.constructor 却 包含 着 一 个 看 上 去 令 人 不 可 思议 的 字符 串 钙 。 
其 原因 在 于 count 对 象 继承 自 Object.prototype， 而 Object.prototype 包 含 着 
一 个 名 为 constructor 的 成 员 对 象 ， 它 的 值 是 一 个 Object。+= 运 算 符 ， 职 
像 + 运算 符 一 样 ， 当 它 的 运算 数 不 是 数字 时 会 执行 字符 串 连 接 操 作 而 不 
是 做 加 法 。 因 为 该 对 象 是 一 个 函数 ， 所 以 += 运 算 符 把 它 转换 成 一 个 莫名 
其 妙 的 字符 串 ， 然 后 再 把 一 个 数字 1 加 在 它 的 后 面 。 


我 们 可 以 采用 处 理 for in 中 的 问题 的 相同 方法 去 避免 类 似 的 问题 : 用 
hasOwnProperty 方 法 检测 成 员 关 系 ， 或 者 查找 特定 的 类 型 。 在 当前 情形 
下 ， 我 们 对 似是而非 的 count[word] 的 测试 条 件 指定 得 不 够 具体 只。 我 们 
可 以 这 样 写 : 


if (typeof count[word] === 'number') { 

















(1) 各 个 浏览 器 在 对 保留 字 的 使 用 限制 上 不 同 版 本 有 不 同 的 处 理 ， 根 据 译 者 的 测试 ， 比 如 文 
中 的 代码 : 











object={case: value}; 





在 目前 主流 浏览 器 的 主流 版 本 中 都 是 合法 的 ， 但 在 老 版 本 中 则 可 能 不 合法 。 而 类 似 
inVlong/float 等 保留 字 ， 在 各 浏览 器 中 都 可 以 用 做 变量 名 及 对 象 字面 量 的 键 值 。 尽 管 如 此 ， 在 这 
些 场合 依然 不 建议 使 用 任何 保留 字 。 


(2) 基本 多 文 种 平面 (Basic Multilingual Plane, BMP) 或 称 第 0 平面 (Plane 0) ， 是 Unicode 
中 的 一 个 编码 区 段 。 编 码 从 U+0000 至 U+FFFF。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wiki/ 
基本 多 文 种 平面 。 


(3) 经 译 者 测试 ， 在 对 正则 表达 式 执行 typeof 操 作 时 ， 主 流 浏 览 器 中 的 IE/Firefox/Opera 都 返 



















































































回 'object， 而 Safari， 在 3.x 版 本 系列 中 ， 返 回 的 是 'function',，5.x 版 本 后 与 其 他 浏览 器 调整 为 保持 
一 致 。 

(4) IEEE 754 是 最 广泛 使 用 的 浮 点 数 运 算 标准 ， 为 许多 CPU 与 浮 点 运算 器 所 采用 。 更 多 详细 
Ay A S Wl hetp://zh. wikipedia.org/wiki/IEEE_754 . 

(5) 在 ECMAScript 规 范 第 5 版 中 ， 明 确 规定 了 NaN 和 undefined 为 常量 ， 而 之 前 的 版 本 中 都 未 
明确 规定 。 经 过 译 者 的 测试 ， 目 前 主流 浏览 器 的 主流 版 本 ， 都 无 法 变更 NaN 和 undefined 的 值 。 
而 IE8 及 以 下 的 正 浏 览 器 是 可 以 的 。 

(6) ”在 主流 浏览 器 上 ， 打 印 count.constructor 将 会 返回 字符 串 function  Object( _){[native 
code]}. 

(2) 作者 此 处 的 意思 是 说 ， 因 为 难以 确定 哪个 单词 可 能 与 对 象 原型 链 中 的 属性 或 方法 名 重 
合 ， 所 以 无 法 列 出 充分 的 测试 条 件 。 












































附录 B 
ibis 
Bad Parts 


现在 要 请 你 告诉 我 ， 你 究竟 为 了 我 哪 一 点 坏处 而 开始 爱 起 
我 来 呢 ? 


一 一 威廉 。 水 士 比 亚 ，《 无 事 生 非 》 (Much Ado About Nothing) 


在 本 附录 中 ， 我 会 展示 JavaScript 一 些 有 问题 的 特性 ， 但 我 们 很 容易 
就 能 避免 它们 。 通 过 这 些 简 单 的 做 法 ， 你 可 以 使 JavaScript 成 为 一 门 更 好 
的 语言 ， 也 让 你 自己 成 为 一 个 更 好 的 程序 员 。 





JavaScript 有 两 组 相等 运算 符 : === 和 !==， 以 及 它们 邪恶 的 计生 兄 
第 == 和 !=。=== 和 !== 这 一 组 运算 符 会 按照 你 期 望 的 方式 工作 。 如 果 两 个 
运算 数 类 型 一 致 旦 拥有 相同 的 值 ， 那 么 === 返 回 true，!== 返 回 false。 而 
它们 收 恶 的 挛 生 兄弟 只 有 在 两 个 运算 数 类 型 一 致 时 才 会 做 出 正确 的 判 
断 ， 如 果 两 个 运算 数 是 不 同 的 类 型 ， 它 们 试图 去 强制 转换 值 的 类 型 。 转 
换 的 规则 复杂 且 难 以 记忆 。 这 里 有 一 些 有 趣 的 例子 : 

' == '0' // false 


© == '' // true 
© == '0' // true 


false == 'false' // false 


false == 'ọ0' // true 


false == undefined // false 


false == null // false 
null == undefined // true 
"\t\r\n ' == 0 // true 


== 运 算 符 对 传递 性 由 的 缺乏 值得 我 们 警惕 。 我 的 建议 是 永远 不 要 使 
用 那 对 邪恶 的 酚 生 兄弟 。 相 反 ， 请 始终 使 用 === 和 !==。 如 果 以 上 所 有 的 
比较 使 用 === 运 算 待 ， 结 果 者 是 false。 


withi= ^J 
with Statement 
Javascript 提 供 了 一 个 with 语句 ， 本 意 是 想 用 它 来 快捷 地 访问 对 象 的 
属性 。 不 幸 的 是 ， 它 的 结果 可 能 有 时 不 可 预料 ， 所 以 应 该 避免 使 用 它 。 
下 面 的 语句 ;: 


with (obj) { 
a = b; 


} 


和 下 面 的 代码 做 的 是 同样 的 事情 : 


if (obj.a === undefined) { 


a = obj.b === undefined ? b : obj.b; 
} else { 
obj.a = obj.b === undefined ? b : obj.b; 


} 


所 以 ， 它 等 于 这 些 语句 中 的 某 一 条 : 


a = b; 
a = obj.b; 
obj.a = b; 


obj.a = obj.b; 


通过 阅读 程序 代码 ， 你 不 可 能 辨别 出 你 会 得 到 的 是 这 些 语句 中 的 哪 
一 条 。 它 可 能 随 着 程序 运行 到 下 一 步 时 发 生变 化 。 它 甚至 可 能 在 程序 运 
行 过 程 中 就 发 生 了 变化 。 如 果 你 不 能 通过 阅读 程序 而 了 解 它 将 会 做 什 
么 ， 你 就 无 法 确信 它 会 正确 地 做 你 想 要 做 的 事情 。 























with 语句 在 这 门 语言 里 存在 ， 本 吴 就 严重 影响 了 JavaScript 处 理 吉 的 
速度 ， 因 为 它 阻 断 了 变量 名 的 词法 作用 域 绑 定 。 它 的 本 意 是 好 的 ， 但 如 
果 没 有 它 ，JavaScript 语 言 会 更 好 一 点 。 








eval 


eval 函 数 传递 一 个 字符 串 给 JavaScript 编 译 器 ， 并 且 执 行 其 结果 。 它 
是 一 个 被 滥用 得 最 多 的 JavaScript 特 性 。 那 些 对 JavaScript 语 言 一 知 半 解 
的 人 们 最 常用 到 它 。 例 如 ， 如 果 你 知道 点 表示 法 ， 但 不 知道 下 标 表示 


法 ， 就 可 能 会 这 么 写 : 
eval("myValue = myObject." + myKey + ";"); 
而 不 是 这 么 写 : 


myvalue = myObject[myKey]; 





使 用 eval 形 式 的 代码 更 加 难以 阅读 。 这 种 形式 使 得 性 能 显著 降低 ， 
因为 它 需 要 运行 编译 器 ， 但 也 许 只 是 为 了 执行 一 个 微不足道 的 赋值 语 
人 句 。 它 也 会 让 JSLint (参见 附录 C) 失效 ， 让 此 工具 检测 问题 的 能 力 大 
打折 扣 。 

















eval 函 数 还 减弱 了 你 的 应 用 程序 的 安全 性 ， 因 为 它 给 被 求 值 的 文本 
授予 了 太 多 的 权力 。 而 且 束 像 with 语句 执行 的 方式 一 样 ， 它 降低 了 语言 
的 性 能 。 

Function 构 造 堪 是 eval 的 另 一 种 形式 ， 同 样 也 应 该 避免 使 用 它 。 

浏览 器 提供 的 setTimeout 和 setInterval 函 数 ， 它 们 能 接受 字符 串 参 数 
或 函数 参数 。 当 传递 的 是 字符 串 参数 时 ，setTimeout 和 setInterval 会 像 
eval 那 样 去 处 理 。 同 样 也 应 该 避免 使 用 字符 串 参 数 形式 。 


continuel= ^j 
continue Statement 


continue 语 句 跳 到 循环 的 顶部 。 我 发 现 一 段 代 码 通过 重 构 移 除 
continue 语 名 之后， 性 能 都 会 得 到 改善 。 


switch # ji 
switch Fall Through 


switch 语 句 的 由 来 可 以 追溯 到 FORTRAN IV@ go to 语句 。 除 非 你 
明确 地 中 断 流程 ， 否 则 每 次 条 件 判 断后 都 穿越 到 下 一 个 case 条 件 。 





有 人 曾 写 信 给 我 ， 建 议 JSLint 应 该 在 一 个 case 条 件 癌 下 穿越 到 妃 一 
个 case 条 件 时 给 出 一 个 警告 。 他 指出 这 是 一 个 非常 常见 的 错误 来 源 ， 并 
且 它 很 难 通 过 仁 看 代码 发 现 错误 。 我 回信 说 完全 同意 他 的 意见 ， 但 从 穿 
越 中 得 到 的 紧凑 性 的 好 处 可 以 降低 它 出 错 的 概率 。 


第 二 天 ， 他 报告 说 在 JSLint 里 有 一 个 错误 。 它 是 一 个 无 法 正确 识别 
错误 的 错误 。 我 调查 了 一 番 ， 结 果 证 明 是 我 有 一 个 case 条 件 穿越 导致 
的 。 那 一 刻 ， 我 受到 了 局 发 。 我 不 再 刻意 地 使 用 case 条 件 穿越 。 那 条 原 
则 使 得 我 们 可 以 更 加 容易 地 发 现 不 小 心 造成 的 case 条 件 穿越 。 一 门 语言 
最 糟糕 的 特性 不 是 那些 一 看 就 知道 很 危险 或 者 没有 价值 的 特性 。 那 些 特 
ERRARE CER RP PER eR CR, ETE AAA, (Et 
征 危险 的 。 


缺少 块 的 语句 


Block-Iess Statements 








If、while、do 或 for 语 句 可 以 接受 一 个 括 在 花 括 号 中 的 代码 块 ， 也 可 
以 接受 单行 语句 。 单 行 语句 的 形式 是 另 一 种 带刺 的 玫瑰 。 它 带 来 的 好 处 
是 可 以 节约 两 个 字 节 ， 但 这 是 不 是 一 个 好 处 值得 商检。 它 模糊 了 程序 的 








结构 ， 使 得 在 随后 的 操作 代码 中 可 能 很 容易 插入 错误 。 例 如 : 


if (ok) 


t = true; 


if (ok) 
t = true; 


advance( ); 
它 看 起 来 像 是 要 这 样 : 


if (ok) { 
t = true; 
advance( ); 


} 
但 实际 上 它 本 意 却 是 : 


if (ok) { 
t = true; 
} 


advance( ); 


貌似 在 做 一 件 事 ， 但 实际 上 却 是 在 做 男 一 件 事 的 程序 是 非 第 难 理 清 
楚 的 。 制 定 严 格 的 规范 要 求 始 终 使 用 代码 块 会 使 得 代码 更 容易 理解 。 








十 十 -- 


for (p = src, q = dest; *p; p++, q++) *q = *p; 





TT Ase ates SPF BES Be R o DAA SE Fe ta ve HY UR SS © EGU 
在 C 语 言 中 ， 它 们 使 得 用 一 行 代码 实现 字符 串 的 复制 成 为 可 能 : 


事实 上 ， 这 两 个 运算 符 或 励 了 一 种 不 够 谨 层 的 编程 风格 。 大 多 数 的 
缓冲 区 溢出 错误 所 造成 的 安全 漏洞 ， 都 是 由 像 这 样 编码 而 导致 的 。 


在 我 自己 的 实践 中 ， 我 观察 到 ， 当 我 使 用 + 和 -- 时 ， 代 码 往往 变 得 
过 于 拥挤 、 复 杂 和 隐 睡 。 因 此 ， 作 为 一 条 原则 ， 我 不 再 使 用 它们 。 我 想 
那样 会 让 我 的 代码 风格 变 得 更 为 整洁 。 

aa AA 

位 运算 稚 

Bitwise Operators 


JavaScript 有 着 与 Java 相 同 的 一 套 位 运算 符 : 


& and 按 位 与 
| or FRIZA 
人 xor FEL FR 
~ not 按 位 非 


>> PE AY GLAS 
>>> 无 符号 的 (用 0 补足 的 ) 右 位 移 


<< ALAS 


在 Java 里 ， 位 运算 符 处 理 的 是 整数 。JavaScript 没 有 整数 类 型 ， 它 只 
有 双 精 度 的 浮 点 数 。 因 此 ， 位 操作 符 把 它们 的 数字 运算 数 先 转换 成 整 





数 ， 接 着 执行 运算 ， 然 后 再 转换 回去 。 在 大 多 数 语 言 中 ， 这 些 位 运算 符 
接近 于 硬件 处 理 ， 所 以 非常 快 。 但 JavaScript 的 执行 环境 一 般 接 触 不 到 硬 
件 ， 所 以 非常 慢 。JavaScript 很 少 被 用 来 执行 位 操作 。 











还 有 ， 在 JavaScript 程 序 中 ，& 非 常 容易 被 误 写 为 && 运 算 符 。 位 运 
算 符 出 现在 JavaScript 中 降低 了 这 门 语言 的 宛 余 度 邹 ， 使 得 bug 更 容易 被 
隐藏 起 来 。 


function 语 句 对 比 function 表 达 式 
The function Statement Versus the 
function Expression 


JavaScript 既 有 function 语 句 ， 同 时 也 有 function 表 达 式 。 这 邻 人 
或， 因为 它们 看 起 来 好 像 就 是 相同 的 。 一 个 function 语 句 就 是 其 值 为 一 
个 函数 的 var 语 句 的 速记 形式 。 


下 面 的 语句 : 
function foo( ) {} 
意思 相当 于 : 


var foo = function foo( ) {}; 


在 整 本 书 中 ， 我 一 直 使 用 的 是 第 2 种 形式 ， 因 为 它 能 明确 表示 foo 是 
一 个 包含 一 个 函数 值 的 变量 。 要 用 好 这 门 语言 ， 理 解 函 数 就 是 数值 是 很 
重要 的 。 











function 语 句 在 解析 时 会 发 生 被 提升 的 情况 。 这 意味 着 不 管 function 
被 放置 在 哪里 ， 它 会 被 移动 到 被 定义 时 所 在 作用 域 的 顶层 。 这 放宽 了 郴 
数 必须 先 声 明 后 使 用 的 要 求 ， 而 我 认为 这 会 导致 混乱 。 在 让 语句 中 使 用 
function 语 句 也 是 被 禁止 的 。 结 果 表 明 大 多 数 的 浏览 器 都 允许 在 让 语句 里 
使 用 function 语 句 ， 但 它们 在 解析 时 的 处 理 上 各 不 相同 。 这 吏 造 成 了 可 
移植 性 的 问题 。 





一 个 语句 不 能 以 一 个 函数 表达 式 开 头 ， 因 为 官方 的 语法 假定 以 单词 
function 开 头 的 语句 是 一 个 function 语 句 。 解 决 方法 就 是 把 函数 调用 括 在 
一 个 圆 括号 之 中 。 


(function ( ) { 


var hidden_variable; 


// 这 个 函数 可 能 对 环境 有 一 些 影响 ， 但 不 会 引入 新 的 全 局 变量 。 
tC )); 


REWER FAR 
Typed Wrappers 


JavaScript 有 一 僚 类 型 的 包装 对 象 。 例 如; 


new Boolean( false) 


会 返回 一 个 对 象 ， 该 对 象 有 一 个 valueOf{ 方 法 会 返回 被 包装 的 值 。 
这 其 实 完 全 没有 必要 ， 并 且 有 时 还 令 人 困惑 。 不 要 使 用 new Boolean, 


new Number 或 new String. 





此 外 也 请 避免 使 用 new Object 和 new Array。 可 使 用 {} 和 [ ] 来 代替 。 


hew 


JavaScript 的 new 运 算 符 创建 一 个 继承 于 其 运算 数 的 原型 的 新 对 象 ， 
然后 调用 该 运算 数 ， 把 新 创建 的 对 象 绑 定 给 this。 这 给 运算 数 〈 它 应 该 
是 一 个 构造 器 函数 ) 一 个 机 会 在 返回 给 请 求 者 前 目 定 义 新 创建 的 对 象 。 





如 宁 你 瑟 记 了 使 用 此 new 运 算 符 ， 你 得 到 的 就 是 一 个 普通 的 函数 调 
用 ， 并 且 this 被 绑 定 到 全 局 对 象 ， 而 不 是 新 创建 的 对 象 。 这 意味 痢 当 你 
的 函数 答 试 去 初始 化 新 成 员 属 性 时 它 将 会 污染 全 局 变量 。 这 是 一 件 非 党 
糟 料 的 事情 。 而 且 既 没有 编译 时 警告 ， 也 没有 运行 时 警告 。 











按照 惯例 ， 打 算 与 ew 结合 使 用 的 函数 应 该 以 首 字 母 大 写 的 形式 命 
名 ， 并 且 表 字母 大 写 的 形式 应 该 只 用 来 命名 那些 构造 器 函数 。 这 个 约定 
帮助 我 们 进行 区 分 ， 便 于 我 们 发 现 那些 JavaScript 语 言 目 身 经 名 忽略 但 却 
会 带 来 昂贵 代价 的 错误 。 











一 个 更 好 的 应 对 策略 就 是 根本 不 去 使 用 new。 
void 
在 很 多 语言 中 ，void 是 一 种 类 型 ， 表 示 没 有 值 。 而 在 JavaScript 里 ， 


void 是 一 个 运算 符 ， 它 接受 一 个 运算 数 并 返回 undefined。 这 没有 什么 
用 ， 而 有 旦 令 人 非常 困惑 。 应 避免 使 用 它 。 

















(1) 传递 性 是 一 和 和 





























编程 约定 。 可 以 这 么 到 





RA: 对 于 任意 的 引用 值 x、y 和 z， 如 果 x==y 和 y== 








为 true， 那 么 x==z 为 true。 而 JavaScript 中 的 == 运 算 符 在 某 些 特例 上 


(2) FORTRAN 语 言 最 初 是 由 
































‘adb 


十 A 





了 传递 性 。 





数值 计算 方面 的 需要 而 发 展 起 来 的 。FORTRAN IV 在 1962 年 推 


出 ， 并 开始 被 广泛 使 用 。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wiki/Fortran。 
(3) 关于 语言 的 匈 余 度 ， 请 参见 http://en.wikipedia.org/wiki/Redundancy_(language)。 





附录 
JSLint 


难道 我 的 眼睛 耳 条 都 有 了 毛病 ? 


一 一 威廉 。 水 士 比 亚 ，《 错 误 的 喜剧 》 (The Comedy of Errors) 





在 C 语 言 还 是 一 门 新 生 的 编程 语言 的 时 候 ， 有 一 些 第 见 的 编程 错误 
不 能 被 原始 的 编译 器 捕获 ， 所 以 一 个 名 为 lint 的 辅助 程序 被 开发 出 来 ， 
它 可 以 通过 扫描 源 文 件 来 得 找 问 题 。 





随 看 C 语 言 趋 于 成 熟 ， 语 言 的 定义 被 强化 以 消除 一 些 不 安全 因素 ， 
并 且 编 译 需 的 预警 能 力 得 到 了 加 强 。 所 以 lint 不 再 需要 了 。 





JavaScript 是 一 门 “ 年 轻 ” 的 语言 。 它 最 初 被 设计 出 来 用 于 执行 web 页 
面 上 那些 用 Java 完 成 过 于 笨拙 的 小 型 任务 。 然 而 ，JavaScript 是 一 门 能 力 
很 强 的 语言 ， 现 在 已 经 被 应 用 于 一 些 大 型 项 目 之 中 。 但 对 大 型 项 目 而 
言 ， 很 多 本 意 是 希望 提高 这 门 语言 易 用 性 的 特性 却 成 了 厂 烦 。 于 是 众生 
出 一 个 针对 JavaScript 的 lint: JSLint， 一 个 JavaScript 语 法 检查 器 和 校 验 
ae 

















JSLint 是 一 个 JavaScript 的 代码 质量 工具 。 它 读 取 源 文 本 并 进行 扫 
描 。 如 果 发 现 问 题 ， 它 会 返回 一 个 消息 描述 该 问题 并 指明 该 问题 在 源 文 
件 中 的 大 概 位置 。 被 发 现 的 问题 往往 是 语法 错误 ， 但 也 不 一 定 全 是 。 
JSLint 还 会 查看 一 些 代码 风格 惯例 及 结构 上 的 问题 。 它 不 会 证 明 你 的 程 
序 是 否 正确 ， 只 是 提供 了 另 一 种 视角 帮助 你 辨认 问题 。 


JSLint 定 义 了 JavaScript 的 一 个 特定 子 集 ， 一 个 比 《ECMAScript 语 言 





规范 》 第 3 版 ECMA-262) 的 定义 更 严格 的 语言 。 该 子 集 与 第 9 章 所 推 
荐 的 代码 风格 密切 相关 。 

JavaScript 是 一 门 《表面 看 起 来 ) 散漫 的 语言 ， 但 在 它 里 面 隐藏 痢 一 
门 更 好 的 优雅 的 语言 。JSLint 帮 助 你 在 这 门 更 好 的 语言 中 编程 ， 并 尽量 
避免 越界 。 





JSLint 可 以 在 http:/www.JSLint.com/ 找 到 。 


未 定义 的 变量 和 函数 


Undefined Variables and Functions 


JavaScript 最 大 的 问题 是 它 对 全 局 变量 的 依赖 ， 特 别 是 隐 式 的 全 局 变 
量 。 如 琳 一 个 变量 没有 被 显 式 声 明 (通常 采用 var 语 句 ) ， 那 么 
JavaScript 就 假定 该 变量 是 全 局 的 。 这 可 能 掩盖 名 称 拼 写 错误 或 其 他 的 问 


jel o 








JSLint 期 望 所 有 的 变量 和 函数 在 使 用 或 调用 前 都 已 被 声明 。 这 样 它 
就 可 以 探测 隐 式 的 全 局 变量 。 这 也 是 一 种 良好 的 编码 实践 ， 因 为 它 使 得 
程序 更 容易 阅读 。 








有 了 时候 ， 一 个 文件 会 依赖 在 别处 定义 的 全 局 变量 与 函数 。 你 可 以 在 
文件 中 包含 一 个 注释 ， 列 出 那些 程序 依赖 的 但 却 没 有 定义 在 你 的 程序 或 
脚本 文件 中 的 全 局 函数 与 对 象 ， 标 注 给 JSLint 知 道 。 





全 局 声明 注释 可 以 用 来 列 出 所 有 你 明确 用 做 全 局 变量 的 名 字 。 
JSLint 可 以 用 此 信息 去 辨别 拼写 错误 和 被 遗 态 的 var 声 明 。 一 个 全 局 声明 


可 能 看 起 来 像 这 样 : 


/*global getElementByAttribute, breakCycles, hanoi */ 








全 局 声明 以 /*global 字 样 开 头 。 注 意 在 g 之 前 没有 空白 。 你 可 以 使 用 
任意 多 个 /*global 注 释 ， 但 它们 必须 出 现在 指定 的 变量 被 使 用 之 前 。 





你 可 以 预先 定义 一 些 全 局 属性 (参见 后 面 的 C.3 节 ) 。 选 择 “ 模 拟 浏 
‘as (Assume a browser) ”(browser) 选项 可 以 预定 义 由 Web 浏 览 嚣 提 
供 的 标准 全 局 属性 ， 比 如 window、document 和 alert。 选 择 “ 模 拟 
Rhino (Assume Rhino) ” (rhino) 选项 可 以 预定 义 由 Rhino 由 环境 提供 
的 全 局 属性 。 选 择 “ 模 拟 YAHOO Widget (Assume a YAHOO 
Widget) ” (widget) 选项 可 以 预定 义 由 YAHOO! Widgets 包 环境 提供 的 
全 局 属性 。 


成 员 属 性 


Members 


因为 JavaScript 是 一 门 弱 类 型 的 动态 对 象 语言 ， 所 以 它 无 法 在 编译 时 
确定 属性 名 是 否 拼写 正确 。JSLint 为 此 提供 了 一 些 帮助 。 


在 它 的 报告 的 底部 急 ，JSLint 显 示 了 一 个 /xmembers*/ 注 释 。 它 包含 
所 有 在 点 表示 法 、 下 标 表示 法 中 使 用 到 的 名 字 和 字符 串 字 面 量 ， 涵 盖 对 
象 字 面 量 中 的 成 员 属性 。 你 可 以 从 该 列表 中 检查 拼写 错误 。 只 用 到 过 一 
次 的 成 员 属 性 的 名 字 以 斜体 显示 ， 让 你 更 容易 辨认 出 拼写 错误 。 








你 可 以 复制 Jmembers*/ 注 释 到 你 的 脚本 文件 中 。JSLint 会 依照 该 列 








表 来 检查 所 有 属性 名 字 的 拼写 。 这 样 束 可 以 让 JSLint 根 据 你 提供 的 线索 
查找 拼写 错误 。 


/*members doTell, iDoDeclare, mercySakes, 


myGoodness, ohGoOn, wellShutMyMouth */ 


选项 
Options 
JSLint 在 运行 时 接受 一 个 选项 对 象 作 为 参数 ， 通 过 它 可 以 限定 你 
接受 的 JavaScript 的 子 集 。 你 也 可 以 在 脚本 的 源码 中 设置 那些 选项 。 
选项 的 规范 看 起 来 像 这 样 : 


/*jslint nomen: true, evil: false */ 








选项 规定 以 /*#*jslint 开 头 。 注 意 在 j 之 前 没有 空白 。 后 面包 含 一 串 “ 名 / 
值 ? 对 ， 名 称 是 JSLint 的 选项 名 ， 值 为 true 或 false。 在 源码 中 指定 的 选项 
的 优先 级 高 于 选项 对 象 参数 。 所 有 的 选项 默认 值 为 false。 表 C-1 列 出 了 
在 JSLint 中 可 用 的 选项 。 


表 C-1: JSLint 的 选项 





选项 


adsafe 如 果 为 true， 表 示 强 制 实施 ADsafe. org 的 规则 


AM 
一 Aa (4) 





bitwise 如 果 为 true， 表 示 不 允许 使 用 位 运算 符 





browser 如 果 为 true， 表 示 预 定义 浏览 器 的 通用 全 局 属性 


cap 如 果 为 true， 表 示人 允许 大 写字 母 的 HTML 
continue 如 果 为 true， 表 示人 允许 使 用 continue 语 名 
CSS 


如 果 为 true， 表 示人 允许 CSS hacks 或 错误 语法 








il 


debug te KAtrue, T AHE M debugger i 4) 


如 果 为 true， 表 示 预 定义 开发 调试 常用 的 全 局 属性 


(4econsole, alert) 


devel 





eqeq doe KA true, 表示 允许 使 用 == 和 |1== 


ih 





如 果 为 true， 表 示人 允许 使 用 ES5 规 范 中 的 语法 


人 
n 
Ul 





evil 如 果 为 true， 表 示人 允许 eval 


forin 如 果 为 true， 表 示人 允许 未 过 滤 的 for ini 4) 


fragment 如 果 为 true， 表 示人 允许 HTML 片 段 


newcap 如 果 为 true， 表 示人 允许 构造 器 函数 首 字 母 非 大 写 








node 如 果 为 true， 表 示 预 定义 Node 环 境 下 的 全 局 属性 





nomen 如 果 为 true， 表 示 检 查 名 字 


如 果 为 true， 表 示人 允许 在 HTML 标 签 中 注册 事件 处 理 





passfail 如 果 为 true， 表 示 在 遇 到 第 1 个 错误 时 停止 扫描 


plusplus 如 果 为 true， 表 示人 允许 使 用 ++ 和 一 - 


如 果 为 true， 表 示人 允许 在 正则 表达 式 中 使 用 有 安全 





UET 





regexp 


风险 的 . 和 [ …*] 
rhino 如 果 为 true， 表 示 预 定义 Rhino 环 境 下 的 全 局 属性 


sub 如 果 为 true， 表 示人 允许 使 用 低 效 的 下 标记 法 名 


undef 如 果 为 true， 表 示人 允许 使 用 未 定义 的 变量 或 函数 


ate 如 果 为 true， 表 示人 允许 单个 函数 中 存在 多 行 var 语 
white 如 果 为 true， 表 示 应 用 严格 的 空白 规则 他 


K RINE Y | i 和 全 局 
vidgat 如 果 为 true， 表 示 预 定义 Yahool Widgets 的 全 局 属 




















option 


| 


*jslint 





/*members 


分 号 
Semicolon 


的 。 


像 C 语 言 一 样 ，JavaScript 有 ++、-- 和 (运算 符 ， 它 们 可 以 前 置 也 可 以 
后 置 。 这 须 通过 分 号 去 消除 歧义 。 





在 JavaScript 中 ， 换 行 待 有 时 被 当做 空 日 ， 有 时 也 能 起 到 分 号 的 作 
用 。 这 样 的 结果 是 用 一 个 歧义 去 蔡 代 了 另 一 个 歧义 名。 


JSLint 期 望 在 除了 for、function、 计 、switch、try 和 while 之 外 的 每 个 
语句 后 面 都 跟着 一 个 分 写 。JSLint 不 期 望 看 到 不 必要 的 分 号 或 空 语句 。 


换行 


Line Breaking 


为 进一步 地 防范 被 自动 插入 分 号 机 制 掩 六 的 错误 ，JSLint 期 望 代码 
很 长 的 语句 只 在 下 面 所 列 的 这 些 标点 符号 字符 或 运算 符 之 后 换行 : 


pee LPL Lee ee hte SL Ae |e 


== |= <= >= += -= *= /= %= ^= |= &= << >> || && 


=== [== <<= >>= >>> >>>= 


JSLint 不 期 望 看 到 代码 很 长 的 语句 在 标识 符 、 字 符 串 、 数 字 、 闭 合 
符 或 后 置 运算 符 之 后 换行 : 


) ] + -- 


JSLint 人 允许 你 开局 “人 允许 随意 换行 〈Tolerate sloppy line 
breaking) ” Claxbreak) 选项 。 


自动 插入 分 号 机 制 可 能 掩盖 “复制 /粘贴 ?导致 的 错误 。 如 果 你 总 是 在 
运算 符 之 后 换行 ， 那 么 JSLint 可 以 更 好 地 去 发 现 这 些 错误 。 


逗号 运算 符 可 能 导致 过 于 复杂 的 表达 式 ， 也 可 能 掩 兰 一 些 编程 错 


JSLint 期 望 看 到 逗 志 被 用 做 一 个 分 隔 符 ， 而 不 是 一 个 运算 符 《〈 除 了 
在 for 语 句 的 初始 化 部 分 和 增 量 部 分 中 以 外 〉。 它 不 期 望 看 到 数组 字面 量 
中 省 略 掉 一 些 元 系 。 多 余 的 喜 号 不 应 该 被 使 用 ， 它 不 应 该 出 现在 数组 字 
面 量 或 对 象 字 面 量 的 最 后 一 个 元 素 之 后 ， 因 为 它 可 能 会 被 一 些 浏览 器 错 
误 地 解析 。 


D mi JARAS IR 
Required Blocks 























JSLint 期 望 让 和 for 语 句 由 代码 块 构成 ， 即 语句 都 由 一 对 人 花 括 号 
dp HEX. 


JavaScript 人 允许 一 个 证 语句 写成 如 下 的 样子 : 


if (condition) 


statement, 


众所周知 ， 在 由 许多 程序 员 协 作 开发 共享 代 码 的 项 目 中 ， 这 种 形式 
容易 导致 错误 。 所 以 JSLint 期 望 使 用 代码 块 : 


if (condition) { 
statements; 


} 


经 验 表明 ， 这 种 形式 更 可 靠 。 


AE IE RAG ER 
Forbidden Blocks 


在 很 多 语言 中 ， 代 码 块 具有 作用 域 。 在 一 个 代码 块 中 引入 的 变量 ， 
在 该 代码 块 之 外 是 不 可 见 的 。 


在 JavaScript 中 ， 代 码 块 并 没有 作用 域 。JavaScript 中 只 有 函数 作用 
域 。 在 一 个 函数 中 的 任意 位 置 引 入 的 变量 在 该 函数 中 到 处 可 见 。 
JavaScript 的 代码 块 让 有 经 验 的 程序 员 感 到 迷惑 ， 并 且 导 致 错误 ， 因 为 他 
们 本 来 熟悉 的 语法 这 次 仿佛 中 了 政 。 





JSLint 期 望 只 有 function、if、switch、while、for、do 和 try 语 句 使 用 
代码 块 包 。 有 一 个 例外 就 是 在 else 或 for in 语句 中 的 f 语 句 可 以 不 使 用 代 
码 块 。 


表达 式 语 句 


Expression Statements 





表达 式 语句 被 期 望 是 赋值 、 函 数 /方法 调用 或 delete 操 作 。 所 有 其 他 
的 表达 式 语句 部 被 认为 是 错误 的 。 


for ini£ fj 
for in Statement 
for im T VAREN ARMAREN. WERE, CES 


E h A MAR E GEP AER TRIIR R TE. XER SORA Fall YE H : 
或 许 你 只 对 数据 成 员 感 兴趣 ， 但 它 却 提 供 了 一 些 方 法 函数 。 








每 个 for 站 语句 的 主体 都 应 该 被 包围 在 一 个 用 于 过 滤 的 让 语句 中 。 让 
语句 可 以 选择 茶 种 特定 的 类 型 或 菜 个 范围 内 的 值 ， 它 可 以 排除 函数 ， 或 
者 排除 从 原型 继承 而 来 的 属性 。 例 如 : 


for (name in object) { 


if (object.hasOwnProperty(name)) { 


Switch 语句 
switch Statement 





在 switch 语 句 中 常见 的 错误 是 态 记 在 每 个 case 语 句 后 放 一 个 break 语 
他， 结果 导致 意外 的 穿越 。JSLint 期 望 在 下 一 个 case 或 default 语 句 之 前 有 


下 面 这 些 语句 的 其 中 一 条 : break, return#kthrow. 


varie ^j 
var Statement 





JavaScript 人 允许 var 定 义 语句 出 现在 函数 内 部 的 任意 位 置 。JSLint 的 要 
求 则 更 为 严格 。 


JSLint 期 望 的 如 下 : 





一 个 var 语 句 只 会 被 声明 一 次 ， 并 且 它 会 在 使 用 前 被 声明 。 
函数 会 在 使 用 前 被 声明 。 
参数 不 会 用 var 再 声明 一 次 。 


JSLint 不 期 望 的 如 下 : 


把 arguments 当 做 变量 名 来 用 var 语 句 声明 。 
在 代码 块 中 定义 变量 。 这 是 因为 JavaScript 没 有 块 级 作用 域 。 这 可 能 
带 来 意 想 不 到 的 后 果 ， 所 以 在 函数 体 的 顶部 定义 所 有 的 变量 。 


with 语句 
with Statement 





witha WN AR fe tt— FH TERE RM RET OH 
Ree, SRR RIPEN, ERT ASE RRS. ADA aki E H 
with 语句 ， 而 用 var 去 代 蔡 它 。 


JSLint 不 期 望 看 到 with 语句 。 


JSLint 不 期 望 在 让 或 while 语 句 的 条 件 部 分 看 到 赋值 语句 。 因 为 像 下 
面 这 样 的 代码 : 


if (a = b) { 
} 
本 意 更 可 能 是 : 


if (a = b) { 


WY 


== A= 12 SET EAT ECBO BT Ze AL Se Tl] SR. IRE, ANE 
导致 nt '==0 的 结果 为 tue。 从 而 可 能 掩盖 因 类 型 引 友 的 错误 。 


当 和 如 下 所 列 的 任意 一 个 值 进行 比较 时 ， 忆 是 使 用 === 或 !== 运 算 
符 ， 这 一 对 运算 符 不 会 做 强制 类 型 转换 : 


© '' undefined null false true 


如 果 你 希望 做 强制 类 型 转换 ， 那 么 就 使 用 简易 格式 。 对 如 下 的 形 


式 : 
(foo != 0) 
就 直接 使 用 : 
(foo) 
对 于 : 
(foo == 0) 
HL PS (LAN: 
(! foo) 


使 用 === 与 !== 运 算 符 始终 是 首选 的 。 虽 然 有 一 个 “允许 == 
和 !=”(eqedq) 的 选项 ， 但 不 建议 使 用 这 个 选项 。 


标签 
Labels 





JavaScript 人 允许 任何 语句 都 拥有 一 个 标签 ， 并 且 标 签 有 一 个 单独 的 名 
称 空间 包 。JSLint 更 为 严格 。 





JSLint 期 望 标签 只 用 在 会 与 break 语 名 进行 交 互 的 下 列 语句 中 : 
switch、while、do 和 for。JSLint 期 望 标签 有 别 于 变量 和 参数 。 








不 可 达 代码 U0 
Unreachable Code 


JSLint 期 望 return、break、continue 或 throw 语 句 的 后 面 会 紧 接 一 


个 }、case 或 default 语 句 。 


` |m | 
Wee aL AY IE H 
Confusing Pluses and Minuses 
JSLint 期 望 + 不 会 跟 在 + 或 ++ 的 后 面 ， 而 -不 会 跟 在 -或 -- 的 后 面 。 一 个 


位 置 不 当 的 空格 可 能 将 ++ 变 成 ++， 这 样 的 错误 很 难 被 发 现 。 使 用 圆 括 
号 可 以 避免 混 消 。 





++and-- 





++ CÉ) 运算 符 和 --《〈 递 减 ) IA APART Ye ee By R ALERE 
EHA. CITE SRAM REE RODIN KA CA AER 
4) 。 如 果 你 真 的 允许 使 用 这 些 运 算 符 ， 可 以 开局 JSLint 的 plusplus 选 
项 。 


位 运算 符 
Bitwise Operators 


JavaScript 没 有 整数 类 型 ， 但 它 有 位 运算 符 。 位 运算 符 把 它们 的 运算 
数 从 浮 点 数 转换 为 整数 后 接着 返回 ， 所 以 它们 的 效率 根本 无 法 和 它们 在 
C 或 其 他 语言 中 的 表现 相 比 。 它 们 很 少 用 于 浏览 需 应 用 程序 。 它 们 和 逮 
辑 运 算 符 的 相似 性 可 能 会 掩盖 一 些 编程 错误 。 使 用 bitwise 选 项 可 以 禁止 
使 用 这 些 运 算 符 。 


eval HE ma, 


eval Is Evil 





eval AAR E ER (Function, setTimeout setInterval) 提供 了 访 
问 JavaScript 编 译 器 的 机 会 。 有 时 候 这 是 很 有 用 的 ， 但 大 多 数 情 况 下 它 表 
明 存 在 着 相当 糟 粽 的 代码 。eval 函 数 是 JavaScript 被 误 用 得 最 多 的 特性 。 








void 
在 大 多 数 类 C 的 语言 中 ，void 是 一 种 类 型 。 而 在 JavaScript 中 ，void 


是 一 个 总 返回 undefined 的 前 置 运 算 符 。JSLint 不 期 望 看 到 void， 因 为 它 
令 人 困惑 ， 而 且 没 什么 用 。 


正则 表达 式 


Regular Expressions 


正则 表达 式 以 一 种 简洁 而 有 些 神 秘 的 表示 法 编写 。JSLint 会 伍 找 可 
能 导致 隐患 的 问题 。 它 也 尝试 对 那些 看 上 去 存在 歧义 的 地 方 提出 应 该 明 


确 进行 转 义 的 建议 。 


ee ee 为 避免 混 请 ， 
JSLint 期 望 出 现在 一 个 正则 表达 式 之 前 的 字符 是 (、 EN r 





构造 器 函数 和 new 运 算 符 
Constructors and new 


构造 器 函数 是 被 设计 成 结合 new 运 算 符 一 起 使 用 的 函数 。new 运 算 
符 基 于 该 函数 的 原型 创建 一 个 新 对 象 ， 并 且 把 该 对 象 绑 定 到 该 函数 隐 含 
的 this 参 数 上 。 如 果 你 忽略 使 用 new， 新 的 对 象 不 会 被 创建 ， 并 且 this 会 
被 绑 定 到 全 局 对 象 上 。 这 是 一 个 严重 的 错误 。 


JSLint 强 制约 定 构造 器 函数 必须 以 首 字母 大 写 的 形式 命名 。JSLint 
不 期 望 看 到 一 个 首 字母 大 写 的 函数 在 没有 前 置 new 的 情况 下 被 调用 ， 
JSLint 也 不 期 望 看 到 与 new 连 用 的 函数 名 不 是 以 大 写字 母 开 头 的 。 








JSLint 不 期 望 看 到 这 些 封 装 形式 : new Number. new String 或 new 


Boolean 。 
JSLint 不 期 望 看 到 new Object( 使 用 对 象 字 面 量 {} 代 蔡 ) 。 


JSLint 不 期 望 看 到 new Array〔 使 用 数组 字面 量 [ RE) 。 


ZAMS FA Aion E 
Not Looked For 








JSLint 5 23H WT A Ee EA Ie ARUN S E X 
是 因为 变量 的 默认 值 Cundefined) 对 很 多 应 用 程序 来 说 是 合理 的 。 


JSLint 不 会 去 做 任何 形式 的 全 局 分 析 。 它 不 会 尝试 去 确定 与 new 连 
用 的 函数 是 否 是 真正 的 构造 器 函数 (除了 强制 首 字 母 大 写 的 约定 )〉。 








HTML 








JSLint 能 够 处 理 HITML 文 本 。 它 可 以 查看 包含 在 <script>.…</script> 标 
签 内 的 JavaScript 内 容 及 事件 处 理 程序 。 它 也 碍 看 HTML 内容， 寻找 那 些 
已 知 的 影响 JavaScript 执 行 的 问题 。 


。 所 有 标签 的 名 字 必 须 小 写 。 

。 所 有 标签 中 ， 应 该 匹配 结束 标签 〈 比 如 </p>) 的 标签 必须 有 一 个 结 
束 标签 。 

。 所 有 的 标签 部 被 正确 髓 套 。 

。 对 字面 上 的 < 符号 必须 使 用 &lt; 实 体 字 符 。 





JSLint 并 不 严格 到 要 与 XHTML 的 规定 完全 一 致 ， 但 比 一 般 的 浏览 器 
要 严格 。 

JSLint 也 会 检查 字符 串 字 面 量 中 </ 的 出 现 。 你 应 该 总 是 写 为 <V 蔡 换 
它 。 多 余 的 反 斜 杜 会 被 JavaScript 编 译 器 忽略 ， 但 不 会 被 HTML 人 解析 器 忽 
略 。 像 这 样 的 小 窃 门 本 来 没有 必要 ， 可 是 现在 只 能 这 么 做 。 








JSLint 有 一 个 选项 允许 使 用 大 写 格 式 的 标签 名 。 此 外 ， 还 有 一 个 选 
项 允许 使 用 行内 的 HTML 事 件 处 理 程 序 。 


JSON 


JSLint 也 能 检查 JSON 数 据 结构 是 否 格式 良好 。 如 果 JSLint 看 的 第 1 个 
字符 是 { 或 [， 那 么 它 就 严格 地 实施 JSON 规 则 。 参 见 附录 E。 


th 
Report 


FA 


如 果 JSLint 能 够 完成 扫描 ， 它 会 生成 一 个 函数 报告 。 它 会 为 每 个 函 


数列 出 以 下 内 容 : 


函数 开始 的 行 号 。 

函数 的 名 称 。 人 至 于 匿名 函数 ，JSLint 将 会 “猜测 ” 它 的 名 字 。 

参数 列表 。 

Closure《〈《 闭 包 ) : 被 内 部 函数 用 到 的 变量 及 在 该 函数 中 声明 的 参 
数 。 

Variables (变量 ) : 在 函数 中 声明 且 只 人 R 
Unused (未 使 用 的 ): 在 函数 中 声明 但 未 使 用 的 变量 。 这 可 能 是 一 
个 错误 的 征兆 。 

Outer《〈 外 部 的 ) : 在 本 函数 用 到 的 ， 但 在 另 一 个 函数 中 声明 的 变 


= 


Æo 
Global (全 局 的 ) : 这 个 函数 用 到 的 全 局 变量 。 
Lablel〈 标 签 ) : 这 个 函数 用 到 的 语句 标签 。 





该 报告 还 包括 一 个 清单 ， 列 出 所 有 被 使 用 到 的 成 员 属 性 的 名 字 。 





Ee 





(1) Rhino 是 一 个 开源 的 完全 由 Java 编 写 的 JavaScript 引 擎 ， 它 的 官方 网 > 
在 http:/www.mozilla.org/rhino/。 




















(2) Yahoo! Widgets， 又 称 Yahool Widgets Engine， 是 Yahoo! 所 推出 的 一 套 Widget 引 擎 ， 使 用 
了 JavaScript 及 XML 等 技术 ， 可 在 Windows 及 Mac OS X 上 运行 《摘自 
http://zh.wikipedia.org/wiki/Yahoo!_Widgets) 。 


(3) ”作者 这 里 指 的 是 使 用 在 线 版 本 的 JSLint (http:/www.jslint.com/) 得 到 的 分 析 报 表 的 底 


























部 。 
(4) ADsafe.org 定 义 了 一 个 专用 于 第 三 方 广告 代码 的 脚本 子 集 ， 以 防止 恶意 的 广告 脚本 。 
官方 站 点 是 http:/www.adsafe.org/。 


O ”作者 认为 ， 提 取 对 象 属性 时 ， 点 表示 法 比 下 标 表示 法 效率 更 高 。 此 选项 更 为 详细 的 解 
释 ， 请 参考 http://stackoverflow.com/questions/2448367/jslint-tolerate-inefficient-subscripting。 


















































(6) 关于 严格 的 空白 规则 ， 请 参照 http:Vjiavascriptcrockford.comycode.html 中 Whitespace 部 


分 。 


(7) 在 ECMAScript 的 规范 中 ， 换 行 符 被 称 为 “ 行 结束 符 (Line Terminators) ”， 它 会 影响 自动 
插入 分 号 机 制 的 处 理 过 程 。 规 范 的 “7.9 Automatic Semicolon Insertion” 一 节 详 细 地 说 明了 自动 插 
入 分 号 机 制 和 众多 范例 ， 将 帮助 读者 理解 本 节 的 内 容 。 

(8) JavaScript 的 语法 允许 代码 块 不 与 ibfor 等 语句 一 起 使 用 而 单独 存在 ， 但 因为 没有 块 级 作 
用 域 ， 这 样 的 代码 块 没 有 任何 意义 。JSLint 遇 到 单独 的 代码 块 时 ， 总 是 会 当做 JSON 对 象 去 解 
析 。 

(9) 作者 此 处 的 意思 是 ， 在 JavaScript 中 ， 标 签 标识 符 与 命名 变量 及 函数 的 标识 符 使 用 的 是 不 
同 的 命名 空间 ， 以 避免 冲突 。 关 于 标签 的 规范 描述 ， 请 参考 http:Mwww.ecmainterna- 
tional.org/publications/standards/Ecma-262.htm 中 标签 的 部 分 。 


(10) ”在 计算 机 编程 领域 中 ， 不 可 达 代 码 (Unreachable Code) ， 又 称 为 死 代 码 (dead 
code)， 指 的 是 程序 源 代码 中 永远 不 会 被 执行 到 的 代码 。 详 细 内 容 请 参见 
http://en.wikipedia.org/wiki/Unreachable_code 






















































































附录 D 
请 法 
Syntax Diagrams 
你 这 苦恼 的 化 身 ， 你 在 用 表情 向 我 们 说 话 吗 ? 


一 一 威廉 。 莎 士 比 亚 ，《 泰 特 斯 。 安 德 洛 尼克 斯 》 (The Tragedy 


of Titus Andronicus) 


array literal 
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exp 





| name | 
fraction 
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integer 
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regexp class escape 
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regexp escape 
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regexp factor 
any Unicode character except / and \ and 
[ and ] and ( and ) and { and } and ? and 
+and * and | and control character 


regexp group 














regexp group 
capturing 








positive lookahead 


negative lookahead 
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i regexp factor iil regexp quantifier JE 
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statements 


i expression statement la 

i disruptive statement ai 

- if statement 一 
switch statement 


— while statement 一 
for statement 


do statement 





string literal 





1 any Unicode characterexcept = 
" and \ and control character 
ol 


BE any Unicode characterexcept | 
" and \ and control character 
[= = 








switch statement 


statement 






throw statement 
@ 
try statement 


variable 


(try-—{_block_}—{catch}—-(()—{_name_}—())—{_block | 


var statements 





| | 


while statement 


Chid — QH reson OH oa 


whitespace 


a 


except line end 





附录 E 
再 会 吧 ， 这 宝贵 的 片刻 和 短暂 的 时 机 限制 了 我 在 情义 上 的 
真 执 表示， 也 不 能 容 我 们 畅 叙 训 曲 ， 这 本 来 是 亲友 久违 重逢 所 
应 有 的 机 缘 ; 愿 上 帝 赐 给 我 们 美好 的 将 来 ， 好 让 我 们 开怀 畅 
X! 再 一 次 告别 ; 勇敢 作战 吧 ， 祝 你 胜利 ! 





威廉 。 水 士 比 亚 ，《 理 查 三 世 》 (The Tragedy of Richard 
the Third) 


JavaScript 对 象 表 示 法 (JavaScript Object Notation， 简 称 JSON) 是 
一 种 轻 量 级 的 数据 交换 格式 。 它 基于 JavaScript 的 对 象 字面 量 表示 法 ， 那 
是 JavaScript 最 精华 的 部 分 之 一 。 尺 管 只 是 JavaScript 的 一 个 子 集 ， 但 它 
与 语言 无 关 。 上 所 有 以 现代 编程 语言 编写 的 程序 ， 都 可 以 用 它 来 彼此 交换 
数据 。 它 是 一 种 文本 格式 ， 所 以 可 以 被 人 和 机 器 阅读 。 它 易于 实现 且 允 
于 使 用 。 大 量 关 于 JSON 的 资料 都 可 以 在 http:Mwww.JSON.org/ 中 找到 。 














JSON 语 法 
JSON Syntax 


JSON 有 6 种 类 型 的 值 : 对 象 、 数 组 、 字 符 串 、 数 字 、 布 尔 值 Crue 
和 false) 和 特殊 值 null。 空 白 〈 空 格 符 、 制 表 符 、 回 车 符 和 换行 符 ) 可 
被 插 到 任何 值 的 前 后 。 这 使 得 JSON 文 本 能 更 容易 被 人 阅读 。 为 了 减少 
传输 和 存储 的 成 本 ， 空 日 可 以 省 略 。 


JSON 对 象 是 一 个 容纳 “名 / 值 ” 对 的 无 序 集合 。 名 字 可 以 是 任何 字符 
串 。 值 可 以 是 任何 类 型 的 JSON 值 ， 包 括 数组 和 对 象 。JSON 对 象 可 以 被 
无 限 层 地 骸 套 ， 但 一 般 来 说 保持 其 结构 的 相对 局 平 是 最 蜗 效 的 。 大 多 数 
语言 都 有 容易 映射 为 JSJON 对 象 的 数据 类 型 ， 比 如 对 象 〈“object) 、 结 构 
(struct) 、 字 典 〈dictionary) 、 哈 希 表 (hash 


table) 、 属 性 列表 
(property list) 或 关联 数组 (associative array) 。 





JSON 数 组 是 一 个 值 的 有 序 序列 。 其 值 可 以 是 任何 类 型 的 JSON 值 ， 
包括 数组 和 对 象 。 大 多 数 语 言 都 有 容易 被 映射 为 JSON 数 组 的 数据 类 
型 ， 比 如 数组 (array) 、 问 量 (vector) 、 列 表 Aist) 或 序列 


(sequence) 。 
JSON value 


ISON object 


ON string 
JSON number 





JSON object 

ee ee 
JSON array 

ge 


JSON 字 符 串 被 包围 在 一 对 双 引 号 之 间 。\ 字 符 被 用 于 转 义 。JSON 人 多 





许 / 字 符 被 转 义 ， 所 以 JSON 可 以 嵌入 HTML 的 <script> 标 签 之 中 。 除 非 是 
</script> 标 签 ， 否 则 HITML 不 允许 使 用 </ 字 符 序 列 。 但 JSON 允 许 使 用 
<V， 它 能 产生 同样 的 结果 却 不 会 与 HTML 相 混淆 外。 


JSON 数 字 与 JavaScript 的 数字 相似 。 整 数 的 首位 不 允许 为 0， 因 为 一 
些 语言 用 它 来 标示 八进制 数 。 这 种 基数 的 混乱 在 数据 交换 格式 中 是 不 可 
取 的 。 数 字 可 以 是 整数 、 实 数 或 科学 计数 。 


就 是 这 样 。 这 就 是 JSON 的 全 部 。JSON 的 设计 目标 是 成 为 一 个 极 简 
的 、 轻 便 的 和 文本 式 的 JavaScript 子 集 。 实 现 互 通 所 需要 的 共识 越 少 ， 互 
通 就 越 容 易 实 现 。 


lon any Unicode character except al 
" or \ or control character 


quotation mark 


a he | 
reverse solidus 
ale id 


horizontal tab 














JSON string 


© © 


00006 


4 hexadecimal digits 


JSON number 





ty 


integer fraction 






"first": "Jerome", 
"middle": "Lester", 
"last": "Howard", 
"nick-name": "Curly", 
"born": 1903, 

"died": 1952, 


"quote": "nyuk-nyuk-nyuk!" 


"first": "Harry", 
"middle": "Moses", 
"last": "Howard", 
"nick-name": "Moe", 


"born": 1897, 
"died": 1975, 


"quote": "Why, you!" 


exponent 


"first": "Louis", 
"last": "Feinberg", 
"nick-name": "Larry", 


"born": 1902, 
"died": 1975, 


"quote": "I'm sorry. Moe, it was an accident!" 


安全 地 使 用 JSON 
Using JSON Securely 





JSON 特 别 易 于 用 在 web 应 用 中 ， 因 为 JSON 就 是 JavaScript。 使 用 
eval 函 数 可 以 把 一 段 JSON 文 本 转化 成 一 个 有 用 的 数据 结构 : 


var myData = eval('(' + myJSONText + ')'); 


(用 圆 括 号 把 JSON 文 本 括 起 来 是 一 种 避免 JavaScript 语 法 歧义 包 的 
变通 方案 。) 


然而 ，eval 函 数 有 着 骇 人 的 安全 问题 。 用 eval 去 解析 JSON 文 本 安全 
吗 ? 目前 ， 在 Web 浏 览 器 中 从 服务 器 端 获 取 数 据 的 最 佳 技术 是 
XMLHttpRequest。XMLHttpRequest 只 能 从 生成 HTML 的 同 源 服 务 器 获 
取 数 据 。 使 用 eval 解 析 来 自 那 个 服务 器 的 文本 与 解析 原来 的 HIML 一 样 
不 安全 。 那 是 假定 该 服务 器 在 有 恶意 的 前 提 下 ， 但 如 果 它 只 是 存在 漏洞 
呢 ? 








有 漏洞 的 服务 器 或 许 并 不 能 正确 地 对 JSON 进 行 编码 。 如 果 它 通过 
拼凑 一 些 字符 串 而 不 是 使 用 一 个 合适 的 JSON 编 码 器 来 创建 JSON 文 本 ， 
那么 它 可 能 在 无 意 间 发 送 了 危险 的 数据 。 如 果 它 充当 的 是 代理 的 角色 ， 
并 且 疝 未 确定 JSON 文 本 是 否 格式 民 好 就 简单 地 传递 它 ， 那 么 它 可 能 
次 发 送 危险 数据 。 








通过 使 用 JSON.parse@) 方 法 替代 eval (i 
http://www.JSON.org/json2.js) 就 能 避免 这 种 和 危险。 如 果 文 本 中 包含 任何 
危险 数据 ， 那 么 JSON.parse 将 抛 出 一 个 异常 。 为 了 防止 服务 右 出 现 漏洞 
的 状况 ， 我 推荐 你 总 是 用 JSON.parse 来 替代 eval。 即 使 有 一 天 浏览 器 提 
供 了 连 到 其 他 服务 器 的 安全 数据 访问 ， 使 用 它 同样 是 个 好 习惯 。 








在 外 部 数据 与 innerHTML 进 行 交互 时 还 存在 男 一 种 危险 。 一 种 常见 
的 Ajax 模式 是 把 服务 器 端 发 送 过 来 的 一 个 HITML 文 本 片段 赋值 给 某 个 
HTML 元 素 的 innerHTML 属 性 。 这 是 一 个 非常 糟糕 的 习惯 。 如 果 这 个 
HITML 包 含 一 个 <script> 标 签 或 其 等 价 物 ， 那 么 一 个 恶意 脚本 将 被 执行 。 
这 可 能 也 是 因为 服务 器 端 存 在 漏洞 。 





具体 有 什么 危险 呢 ? 如 果 一 个 恶意 脚本 在 你 的 页 面 上 被 运行 ， 它 就 
有 权 访 问 这 个 页 面 的 所 有 状态 和 执行 该 页 面 能 做 的 所 有 操作 。 它 能 与 你 
的 服务 器 进行 交互 ， 而 你 的 服务 器 将 不 能 区 分 正当 请 求 和 恶意 请 求 。 恶 
意 脚 本 还 能 访问 全 局 对 象 ， 这 使 得 它 有 权 访 问 应 用 中 除 隐藏 于 财 包 中 的 
变量 之 外 的 所 有 数据 。 它 可 以 访问 document 对 象 ， 这 会 使 它 有 权 访 问 用 
户 所 能 看 到 的 一 切 。 它 还 给 这 个 恶意 脚本 提供 了 与 用 户 进行 会 话 的 能 
力 。 浏 览 器 的 地 址 栏 和 所 有 的 反 钓鱼 程序 会 告诉 用 户 这 个 会 话 是 可 靠 
的 。document 对 象 还 给 该 恶意 脚本 授权 访问 网 络 ， 人 允许 它 去 下 载 更 多 的 
恶意 脚本 ， 或 者 是 在 你 的 防火 墙 之 内 探测 站 点 ， 或 者 是 把 它 已 经 镭 取 的 
隐私 内 容 发 送 给 世界 的 任何 一 个 服务 器 。 














这 个 危险 是 JavaScript 全 局 变量 的 直接 后 果 ， 它 是 JavaScript 众 多 精 
糕 的 特性 之 中 最 糟糕 的 一 个 。 这 些 危 险 并 不 是 由 Ajax、JSON、 
XMLHttpRequest 或 Web 2.0〈 不 管 它 是 什么 ) 导致 的 。 自 从 JavaScript 被 
引入 浏览 器 ， 这 些 危 险 就 已 经 存在 了 ， 并 且 它 将 一 直 存 在 ， 直 到 有 一 天 
JavaScript 被 取代 或 修补 。 所 以 ， 请 务必 当心 。 











一 个 JSON 解 析 器 
A JSON Parser 


这 是 一 个 用 JavaScript 编 写 JSON 解 析 器 的 实现 方案 : 


var json_parse = function ( ) { 


// 这 是 一 个 能 把 JSON 文本 解析 成 JavaScript 数据 结构 的 号 数 。 
// 它 是 一 个 简单 的 递归 降序 解析 器 。 


// 我 们 在 另 一 个 函数 中 定义 此 函数 ， 以 避免 创建 全 局 变量 。 


var at, // 当前 字符 的 索引 
ch, // 当前 字符 
escapee = { 


IHTT, INI 
2 了 


MATE TAAL, 
De sade ie 
b: 'b', 


Nn: '\n', 
ri xe? 
ti NE 
ty 
text, 


error = function (m) { 


// 当 某 处 出 错时 ， 调 用 error. 


throw { 
name: 'SyntaxError', 
message: m, 
at: at, 
text: text 
}; 
ty 


next = function (c) { 


// 如 果 提 供 了 参数 c ， 那 么 检验 它 是 否 匹 配 当 前 字符 。 


if (c && c !== ch) { 


error("Expected '" + c + "' instead of '" + ch + "'" 


// 获取 下 一 个 字符 。 


当 没有 下 一 个 字符 时 ， 返 回 一 个 空 字符 囊 。 


ch = text.charAt(at); 


at += 1; 
return ch; 


ty 


number = function ( ) { 


// 解析 一 个 数字 值 。 
var number, 


string = ' 


if (ch === 


string = ' 


next('-'); 


1. 
了 


') i 


了 


'0' && ch <= '9') { 


ch; 


om 


1 la 
k 了 


while (next( ) && ch >= 'O' && ch <= '9') { 


} 

while (ch >= 
string += 
next( ); 

} 

if (ch === ''. 
string += 

string 

} 

} 


+= ch; 


if (ch === 'e! | | ch === 'E') { 


string += ch; 

next( ); 

了 
string += ch; 
next( ); 

} 

while (ch >= '0' && ch <= '9') { 
string += ch; 


next( ); 


} 


number = +string; 

if (isNaN(number)) { 
error("Bad number"); 

} else { 


return number; 


ty 


string = function ( ) { 


// 解析 一 个 字符 串 值 。 


var hex, 
i, 
1 


string = '', 


uf fff; 


// 当 解 析 字 符 串 值 时 ， 我 们 必须 找到 " 和 \ 字符 。 
if CO yf 
while (next( )) { 
af eh eS ty 
next( ); 


return string; 


} else if (ch === '\\') { 
next( ); 
if (ch === 'u') { 
uffff = 0; 


for (i = 0; i< 4; i += 1) { 
hex = parseInt(next( ), 16); 
if (!isFinite(hex)) { 
break; 
} 
uffff = uffff * 16 + hex; 
} 
string += String.fromCharCode(uffff); 
} else if (typeof escapee[ch] === 'string') { 
string += escapee[ch]; 
} else { 
break; 
} 
} else { 


string += ch; 


} 


error("Bad string"); 


ty 


white = function ( ) { 


// 跳 过 空白 。 
while (ch && ch <= ' ') { 


next( ); 


ty 
word = function ( ) { 
// true, false 或 null. 
switch (ch) { 
case 't': 
next('t'); 
next('r'); 
next('u'); 
next('e'); 
return true; 
case 'f': 
next('f'); 
next('a'); 
next('l'); 
next('s'); 


next('e'); 


return false; 
case 'n': 
next('n'); 
next('u'); 
next('l'); 
next('l'); 
return null; 
} 
error("Unexpected '" + ch + "'"); 
ty 
value, // 42:83 biz FF. 


array = function ( ) { 
// 解析 一 个 数组 值 。 


var array = [ ]; 


if (ch === '[') { 

next('['); 

white( ); 

if (ch === ']') { 
next(']'); 
return array; // 空 数组 

} 

while (ch) { 
array.push(value( )); 


white( ); 


i (oh a=. A 
next(']'); 


return array; 


is 
next(','); 
white( ); 
} 
} 
error ("Bad array"); 


ty 


object = function ( ) { 


// 解析 一 个 对 象 值 。 


var key, 
object = {}; 
if (ch === '{') { 
next('{"); 
white( ); 
if (ch === '}') { 
next('}'); 


return object; // 空 对 象 
} 
while (ch) { 

key = string( ); 


white( ); 
next(':'); 


object[key] = value( ); 


white( ); 
if (ch === '}') { 
next('}'); 


return object; 


} 
next(','); 
white( ); 


} 
error("Bad object"); 
}; 


value = function ( ) { 


// 解析 一 个 JSON 值 。 它 可 以 是 对 象 、 数 组 、 


white( ); 
Switch (ch) { 
case '{': 

return object( ); 
case '[': 

return array( ); 
case 2"; 


return string( ); 


g 


一 
< 


串 、 


Oe 


x 


字 或 一 个 


case '-': 
return number( ); 
default: 


return ch >= 'O' && ch <= '9' ? number( ) : word( ); 


3; 
// 返回 json_parse 函数 。 它 能 访问 上 述 所 有 的 函数 和 变量 。 
return function (source, reviver) { 


var result; 


text = source; 

at = 0; 

ch=' ri 

result = Value( ); 
white( ); 

if (ch) { 


error("Syntax error"); 


// 如 果 存 在 reviver 函数 ， 我 们 就 递归 地 对 这 个 新 结构 调用 walk 
// 开始 时 先 创 建 一 个 临时 的 启动 对 象 ， 并 以 一 个 空 字符 串 作为 键 名 
// 然后 传递 每 个 “名 / 值 ” 对 给 reviver 函数 去 处 理 可 能 存在 的 转 
// 如 果 没 有 reviver 函数 ， 我 们 就 简单 地 返回 这 个 结果 。 


return typeof reviver === 'function' ? 


function walk(holder, key) { 


var k, v, value = holder[key]; 


if (value && typeof value === 'object') { 


for (k in value) 


{ 


if (Object.hasOwnProperty.call(value, k)) { 


v = walk(value, 


k); 


if (v !== undefined) { 


value[k] = v; 


} else { 


delete value[k]; 


} 


return reviver.call(holder, key, value); 


}({'': result}, '') : result; 


I; 


}( ); 


(1) 


作者 此 处 所 指 的 是 类 似 这 样 的 问题 : 





<script type='text/javascript'>JSON={"foo":"</script>"};</scr 


如 J 








上代 码 在 浏览 器 中 执行 时 会 导致 脚本 错误 ， 加 上 \ 字 符 进 行 转 义 即 可 : 


<script type='text/javascript '>JSON={"foo":"<\/script>"};</sc 





(2) 在 JavaScript 的 语法 中 ， 表 达 式 语句 (Expression Statement) 不 允许 以 左 花 括号 “{” 开 

















始 ， 因 为 那 会 与 块 语句 (Block Statement) 774 











ZA. 











FE 泥 清 。 





详细 说 明 请 参见 ECMAScript 规 范 的 相关 





章节 一 一 “12.4 Expression Statement”. 7£{%Heval( ) 解 析 JSON 文 本 时 ， 为 了 解决 此 问题 ， 可 以 将 
JSON 文 本 套 上 一 对 圆 括号 。 圆 括号 在 此 处 作为 表达 式 的 分 组 运算 符 ， 能 对 包围 在 其 中 的 表达 式 
进行 求 值 。 它 能 正确 地 识别 对 象 字面 量 。 详 细 说 明 请 参见 ECMAScript 规 范 的 相关 章节 
—“11.1.6 The Grouping Operator”。 

(3) 在 译 者 翻译 此 书 时 ， 原 生 JSON 文 持 的 需求 已 被 提交 为 ES3.1 的 工作 草案 (参见 
http://wiki.ecmascript.org/doku.php?id=es3.1:es3.1_proposal_working_draft) ， 另 外 IE8 已 经 提供 了 
原生 的 JSON 文 持 〈 人 参见 http:/blogs.msdn.comyie/archive/2008/09/1Omative-json-in-ie8.aspx) 。 
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array.concat( ) method 
array,join( ) method 
array.pop( ) method 
Atray.prototype 
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blocks 
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forgetting to include 
functions 

newline 

nomen option (JSLint) 

null 

number literal 
number.toExponential( ) method 
number.toFixed( ) method 
number.toPrecision( ) method 
number.toString( ) method 
numbers 


methods 


negative 


numbers object 


object literals 

object specifiers 
Object.beget method 
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invocations 


K&R 
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then block 
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Towers of Hanoi puzzle 
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try statement 

typed wrappers 

TypeError exception 
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undef option (JSLint) 
undefined 
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var statements 
functions 
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void operator 


while statement 

white option (JSLint) 
whitespace 

widget option (JSLint) 
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作者 简介 


Douglas Crockford 是 一 名 来 自 Yahoo! 的 资深 JavaScript 架 构 师 ， 以 创 
造 和 维护 JSON (JavaScript Object Notation) 格式 而 为 大 家 所 熟知 。 他 
定期 于 各 类 会 议 上 发 表 有 关 高 级 JavaScript 的 主题 演讲 ， 并 且 他 也 是 
ECMAScript 委 员 会 的 成 员 之 一 。 


封面 介绍 


本 书 封面 动物 ; DEW ERER) 。 在 亚洲 以 外 的 地 方 ， 这 种 昆虫 
也 被 称 为 非洲 帝王 蝶 。 这 是 一 种 中 等 个 头 的 蝴蝶 ， 其 标志 为 醒目 的 腕 橙 
色 鳝 翅 及 鲜 翅 上 6 个 黑 点 和 黑白 交 蔡 的 条 纹 。 





其 恢 艳 的 外 表 吸 引 了 众多 科学 家 与 艺术 家 的 关注 。 作 家 弗 拉 基 米 尔 
纳 博 科 夫 CAIN Ae 4 pe ERFA) ， 也 曾 在 以 苛刻 著称 的 纽约 
时 报 书评 中 为 爱丽 丝 :福特 的 《 奥 杜 邦 的 蝴蝶 、 峨 类 及 其 他 研究 》 (The 
Studio Publications) RX, ANAM ZW RAINE. FEASTS, 4 
特 指出 ，19 世 纪 直 到 奥 杜 邦 时 期 内 ， 那 些 对 于 金 斑 蝶 的 描绘 都 是 不 科学 
的 。 











纳 博 科 夫 在 给 福特 的 回复 中 写 道 , “在 1797 年 John Abbot 关 于 北美 鲜 
埃 目 的 大 量 资料 或 18 世 纪 至 19 世 纪 初 的 德国 鳞 翅 类 资料 中 很 可 能 找到 金 
斑 蝶 的 踪影 。 它 甚至 在 3300 多 年 前 的 图 特 摩 斯 四 世 或 阿 梅 诡 菲 斯 三 世 时 
期 出 现 过 。 在 古 埃 及 的 壁画 上 ， 人 们 发 现 了 描绘 精美 的 蝴蝶 一 一 不 可 思 
WANE, FAROE A HAY ae FI RR Ew ae ER RS 
aa (蝴蝶 的 一 种 ) 的 图 案 结合 在 一 起 。” 














但 是 ， 金 斑 蝶 美丽 的 外 表 下 却 深 茂 杀机。 在 其 幼虫 阶段 ， 它 从 植物 
中 摄取 对 乌 类 有 毒 的 生物 碱 一 一 乌 类 是 其 主要 的 捕食 者 ， 往 往 补 其 鲜艳 
色彩 引诱 而 来 。 乌 类 捕食 金 斑 蝶 后 会 呕吐 甚至 死亡 。 笠 存 的 乌 儿 将 向 其 
他 乌 儿 传递 信息 避免 误 食 金 斑 蝶 并 对 其 敬而远之 。 因 此 ， 金 斑 蝶 得 以 您 
闲 地 生活 在 地 球 上 。 














该 封面 图 片 取 材 于 《英国 多 佛 港 的 动物 》。 


